试图用ExtractTextPlugin捆绑CSS

2017-04-14 69 views 0 likes

我试图用Webpack将我的CSS捆绑到一个文件中。我已经得到了它的工作为我的scripts.but我得到一个错误与我的CSS：试图用ExtractTextPlugin捆绑CSS

Module not found: Error: Can't resolve 'circle.css' in 'C:\Projects\tag-validator-front2\src\css'.

这里是我的WebPack配置：

var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    entry: ["./src/ts/main.js","./src/css/css.js"], 
    module: { 
     loaders: [ 
     { 
      test: /\.jsx?$/, 
      loader: "babel-loader" 
     }, 
     { 
      test: /\.css/, 
      loader: ExtractTextPlugin.extract("css") 
     } 
     ] 
    }, 
    plugins: [ 
    new ExtractTextPlugin("styles.css") 
    ], 
    output: { 
    filename: "public/bundle.js" 
    } 
}

main.js是我的脚本和工作，但css.js不是。这里的css.js：

"use strict"; 
import circleStyles from 'circle.css';

我只输入一个正确的现在，直到我得到它的工作，但我所有的CSS的将是该目录，并在大部分子文件夹。

来源

2017-04-14 Troy Taylor

回答

尝试使用相对导入路径：import './circle.css';

来源

2017-04-14 12:19:01

工作正常。有没有办法在一次导入中获取所有CSS文件，或者是否需要分别包含每个CSS文件？ –

你可以使用这里描述的方法：http://stackoverflow.com/questions/29421409/how-to-load-all-files-in-a-subdirectories-using-webpack-without-require-statemen –

试图用ExtractTextPlugin捆绑CSS

回答

相关问题