Invalid configuration object.
今天做plugin扩展时,报了个错误,很疑惑,看到最后才发现是因为太菜,
module.exports = {
entry:./src/index.js,
output:{
path:path.resolve(__dirname,dist),
filename:bundle.js,
publicPath:dist/,//查找图片,
},
module:{
rules: [
{
test: /.css$/i,
// css-loader只负责加载,
use: ["style-loader", "css-loader"],
},
{
test: /.less$/i,
loader: [
// compiles Less to CSS
style-loader,
css-loader,
less-loader,
],
},
{
test: /.(png|jpg|gif|jpeg)$/i,
use: [
{
loader: url-loader,
options: {
// 当图片小于limit时,加载图片时会自动编译成base64字符串形式
// 当大于limit时,需要使用file-loader模块进行加载
limit: 1200,
name: img/[name].[hash:8].[ext]
//当图片经过webpack打包后,在dist文件中形成一个有hash函数命名的图片,为了方便以后维护,重新命名
},
},
],
},
{
test: /.(png|jpe?g|gif)$/i,
use: [
{
loader: file-loader,
},
],
},
{
test: /.vue$/,
use:[vue-loader],
},
],
},
resolve:{
//alias:别名
alias:{
vue$:vue/dist/vue.esm.js
}
},
plugins:[
new webpack.BannerPlugin(最终解释权归吉哥所有)
]
}
其实就是plugin少了个s,奇奇怪怪的
