0
我試圖用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的將是該目錄,並在大部分子文件夾。
工作正常。有沒有辦法在一次導入中獲取所有CSS文件,或者是否需要分別包含每個CSS文件? –
你可以使用這裏描述的方法:http://stackoverflow.com/questions/29421409/how-to-load-all-files-in-a-subdirectories-using-webpack-without-require-statemen –