Question

在基层，尝试使用HTML插件配置webpack，获得2个问题。

为什么提到入口点和输出很重要，已经在webpack.config.js
html-web-plugin没有生成html。

package.js

  "devDependencies": {
    "html-webpack-plugin": "^2.30.1",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.9.7"
  },

"scripts": {"st": "webpack-dev-server --entry ./src/js/app.js --output-filename ./dist/bundle.js --watch"}

webpack.config.js

var HtmlWebpackPlugin = require("html-webpack-plugin");

module.export = {
  entry: "./src/js/app.js",
  output: {
    path: __dirname + "/dist",
    filename: "bundle.js"
  },
  plugins: [
    new HtmlWebpackPlugin({
      hash: true,
      filename: './dist/index.html'
    })
  ]
};

** 3.如何启用livereload **

Answer 1

你混合了两件事， webpack ，它将输出文件并将其写入磁盘， webpack-dev-server 将创建服务器提供文件，但不将其写入磁盘。

尝试用st替换（在您的脚本webpack-dev-server）webpack中，并删除命令行中的输入和输出参数。然后应将您的文件写入磁盘。

要回答关于实时重新加载的第3个问题，如果您想使用webpack-dev-server（已安装），请查看how to use it。

Webpack配置错误

1 个答案: