在没有脚手架的情况下，提取index.html模板

Question

在没有脚手架的情况下，模板index.html如何和src/index.js联系起来，怎么配置webpack

Answer 1

两个比较关键的地方是：

module.exports = {
  略...,

  entry: {
    index: './src/index.js' // 入口 JS 文件
  },
  
  plugins: [
    new HtmlWebpackPlugin({
      略...,
      template: './public/index.html', // 模板 HTML 文件
      filename: 'index.html', // 打包后输出到 dist 目录的文件叫什么
      inject: true // 注入 JS 到 HTML 中
    })
 ]
}

P.S. 我建议你先用脚手架生成一个空白项目，然后用 vue-cli inspect 审查一下脚手架都封装了哪些 Webpack 插件和配置，会更能理解这个问题。

https://cli.vuejs.org/zh/guid...