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

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

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:


提问者:qq_流年_jpzFVY 2018-10-17 14:35

个回答

  • 快乐的小牛妞
    2018-12-03 18:55:19

    plugins: [
        new HtmlWebpackPlugin({template: 'index.html'})
      ]


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

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