configuration.module has an unknown property ‘plugins
1、问题原因:是webpack版本不同,webpack.config.js配置不一样
2、解决方案:webpack.config.js(主要看plugins位置)
//注:“__dirname”是node.js中的一个全局变量,它指向当前执行脚本所在的目录。
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports ={
devtool: 'eval-source-map',//配置生成Source Maps,选择合适的选项
entry:__dirname+'/app/main.js', //入口文件
output:{
path:__dirname +'/public',//打包后的文件存放地方
filename:"bundle1.js"//打包后输出的文件的文件名
},
module: {//在配置文件里添加JSON loader
loaders: [
{
test: /\.json$/,
loader: "json-loader"
},
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',//在webpack的module部分的loaders里进行配置即可
query: {
presets: ['es2015','react']
}
},
{
test: /\.css$/,
loader: 'style-loader!css-loader?modules'//添加对样式表的处理
}
],
// // 2.2以下版本(2.1-) plugins要写在module.exports.module里面
// plugins: [
// new HtmlWebpackPlugin({
// template: __dirname + "/app/index.tmpl.html"//new 一个这个插件的实例,并传入相关的参数
// })
// ],
},
//2.2+以上版本 plugins要写在module.exports.module外面(即module.exports里面)
plugins: [
new HtmlWebpackPlugin({
template: __dirname + "/app/index.tmpl.html"//new 一个这个插件的实例,并传入相关的参数
})
],
devServer:{
contentBase: "./public",//本地服务器所加载的页面所在的目录
historyApiFallback: true,//不跳转
port:'8090',
inline: true//实时刷新
},
};
附:浅谈webpack的重要功能——Plugins
http://blog.youkuaiyun.com/zhouziyu2011/article/details/69053647