web pack想实现css、js组件组合调用,我在第三方插件的js中,引入的其所需要的css,如下:
第三方插件代码:
require('./createPage.css');
// 第三方插件内容...
而后在入口文件中引用该第三方插件:
require.ensure(["./lib/createPage/createPage"], function(require) {
require("./lib/createPage/createPage");
});
然则,生成之后,代码可正常运行,但是js却报错(如下图),哪一步错了,百撕不得骑姐,求高人赐教?
补充 webpackconfig.js:
var
//挂载CSS地址
StyleUrl = './static/v1/css/',
//挂载JS地址
JsUrl = './static/v1/js/',
//入口地址
moduleJsUrl = './static/v1/dist/js/',
//入口地址
moduleCssUrl = './static/v1/dist/css/';
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");
module.exports = {
entry: {
entry:JsUrl+"entry.js"
},
output: {
filename: moduleJsUrl+"[name].min.js",
chunkFilename: moduleJsUrl+"[name].chunk.min.js"
},
module: {
loaders: [
{
test: /\.css$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader")
},
{
test: /\.less$/,
loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
}
]
}
,
plugins: [
new ExtractTextPlugin(moduleCssUrl+"[name].min.css", {
allChunks: true
})
]
};
webpack.config.js
中可有css-loader
, style-loader
配置?