我正在尝试创建一个VueJS应用程序,该应用程序可以构建为一个HTML文件(内嵌所有JS和CSS),以类似于本机应用程序使用。用户只需在浏览器中打开* .html文件即可使用。
我为此找到了两个Webpack插件,但无法正常工作。
Webpack插件:
这是我的问题:
$('.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
希望我只是缺少一些东西,这些插件可以正常工作。