请问老师,我添加plugin后,执行run 报错,不知道是为什么

来源:3-1 自动化生成项目中的html页面(上)

qq_流年_jpzFVY

2018-10-17 14:35

var htmlWebpackPlugin = require('html-webpack-plugin');

const path = require('path');

module.exports = {

entry:'./src/script/main.js',

output:{

path: path.resolve(__dirname, './dist/js'),

filename: '[name]-[chunkhash].js',

},

plugin:[

new htmlWebpackPlugin()

]

}

错误描述如下:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

 - configuration has an unknown property 'plugin'. These properties are valid:

   object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, externals?, loader?, mode?, module?, name?, node?, optimization?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, serve?, stats?, target?, watch?, watchOptions? }

   For typos: please correct them.

   For loader options: webpack >= v2.0.0 no longer allows custom properties in configuration.

     Loaders should be updated to allow passing options via loader options in module.rules.

     Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:

     plugins: [

       new webpack.LoaderOptionsPlugin({

         // test: /\.xxx$/, // may apply this only for some modules

         options: {

           plugin: …

         }

       })

     ]

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! webpack-test@1.0.0 webpack: `webpack --cobnfig webpack.config.js --progress --colors`

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the webpack-test@1.0.0 webpack script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.


npm ERR! A complete log of this run can be found in:


写回答 关注

2回答

  • 快乐的小牛妞
    2018-12-03 18:55:19
    plugins: [
        new HtmlWebpackPlugin({template: 'index.html'})
      ]


  • Lan_L
    2018-10-24 19:42:59

    plugin这个参数名掉了s,应该是plugins

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86558 学习 · 750 问题

查看课程

相似问题