webpack 更改路径脚本

Question

最近，我设法将ejs-loader 与Webpack 4 一起使用。但是，我开始对 webpack 在启动时在 index.html 中创建的脚本标签遇到问题：<script type="text/javascript" src="main.js"></script>。他的src 不对，因为如果我们查看我的构建，我需要src="/dist/main.js"：

node_modules/
dist/
  index.html
  main.js
publics/
src/
views/
server.js
package.json
webpack.config.js

我需要在webpack.congfig.js 中添加什么来创建我想要的 src？

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

module.exports = {
    devtool: 'source-map',

    module: {
        rules: [{
                test: /\.ejs$/,
                use: ['ejs-loader']
            }]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './views/pages/index.ejs'})
    ]
}

Answer 1

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    devtool: 'source-map',
    output: {
        publicPath: '/dist/' // <---- this
    },
    module: {
        rules: [{
                test: /\.ejs$/,
                use: ['ejs-loader']
            }]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './views/pages/index.ejs'})
    ]
}