VueJS HTML-Webpack-Plugin导致空白页

时间:2019-11-03 20:42:30

标签: webpack vuejs2 html-webpack-plugin

我正在尝试创建一个VueJS应用程序,该应用程序可以构建为一个HTML文件(内嵌所有JS和CSS),以类似于本机应用程序使用。用户只需在浏览器中打开* .html文件即可使用。

我为此找到了两个Webpack插件,但无法正常工作。

Webpack插件:

这是我的问题:

  • 使用Vue CLI 3创建一个新的Vue项目
  • $('.overlay,.close').on('click',function(){ $('.overlay' ).fadeOut(function(){ $('.overlay').remove(); }); $('.modal' ).fadeOut(); });
  • 使用下面的代码在根目录中创建一个npm install --save-dev html-webpack-plugin webpack-inline-modern-source-plugin文件
  • 尝试运行vue.config.js来测试网站是否仍然可以正常运行,但出现空白白页,错误为npm run serve
  • 如果我删除了[Error] [Vue warn]: Cannot find element: #app数组中的项目,它将正常工作

这是我的plugins文件:

vue.config.js

节点let HtmlWebpackPlugin = require("html-webpack-plugin"); let WebpackInlineMordernSourcePlugin = require("webpack-inline-modern-source-plugin"); module.exports = { configureWebpack: { plugins: [ new HtmlWebpackPlugin({ inlineSource: ".(js|css)$" }), new WebpackInlineMordernSourcePlugin() ] } };

npm 12.12.0

希望我只是缺少一些东西,这些插件可以正常工作。

0 个答案:

没有答案