0

我使用 webpack 运行我的 vue 应用程序，它使用 webpack-simple 模板。我的 webpack 设置是：

    entry: './src/main.js',
    output: {
        path: path.resolve(__dirname, './dist'),
        publicPath: '/dist/',  // 由于将index.html打包至dist下，生产环境设为'/'
        filename: 'build.js'
    },
    plugins: [new HtmlWebpackPlugin()]

来源Html： 

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_9remcre60b3dte29.css">
    <title>earease</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/dist/build.js"></script>
  </body>
</html>

生成HTML：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>earEase</title>
  </head>
  <body>
  <script type="text/javascript" src="/dist/build.js"></script></body>
</html>

为什么 css 和 meta 标签没有注入到生成的 html 文件中？

4

1 回答 1

0

你的 webpack 没有抓取原始的 html 模板。它只是生成一个新的，您可以通过<title>输出 html 上的标签看到。

更改您的配置，以便 HTMLWebpackPlugin 可以读取模板文件：

{
  ...
  plugins: [
    new HtmlWebpackPlugin({
      title: 'My App',
      filename: 'assets/admin.html'
    })
  ]
}
于 2017-04-27T01:49:22.090 回答