webpack踩过的坑
rpf1234
这个作者很懒,什么都没留下…
展开
-
vue webpack之vue-router 使用history模式报错Cannot GET /xxx
报错原因:找不到页面资源解决办法:在webpack.config.js中的devServer内添加属性historyApiFallback代码如下historyApiFallback: { index: '/index.html'//该路径为打包后的首页路径及dist目录下的index.html页面 },...原创 2019-11-29 18:04:42 · 1035 阅读 · 0 评论 -
webpack打包成功后页面报错如下,该如何解决
错误如下解决办法,webpack配置文件加上如下代码即可resolve:{ alias:{ 'vue':path.join(__dirname,'../node_modules/vue/dist/vue.esm.js') }},将以上代码放置在output后即可...原创 2019-11-26 16:04:05 · 596 阅读 · 0 评论 -
vue+webpack+nodejs打包报错Vue internal/modules/cjs/loader.js:584 异常
vue+webpack+nodejs打包报错Vue internal/modules/cjs/loader.js:584报错原因:路径问题,package.json 的webpack打包路径不正确解决办法:将路径指定到正确的webpack.config.js文件即可修改如下位置的代码即可只要路径指向正确就不会报这个错...原创 2019-11-26 09:48:00 · 1532 阅读 · 0 评论 -
vue+webpack 执行npm run dev后访问首页显示目录结构的原因
vue+webpack 执行npm run dev后访问首页时,显示的是目录结构如下图这是因为缺少了两个plugin配置项添加代码如下(必须提前安装html-webpack-plugin插件)const HTMLPlugin = require('html-webpack-plugin')//引入html-webpack-pluginconst webpack = require(...原创 2019-11-22 18:09:22 · 1628 阅读 · 1 评论 -
webpack配置
单独原创 2019-11-20 15:41:13 · 191 阅读 · 0 评论 -
webpack4.+ 打包的坑
1.问题描述:运行npm run build 报错解决办法:在webpack.config.js 中添加代码配置项const VueLoaderPlugin = require(‘vue-loader/lib/plugin’);找到 plugins 配置项,在其内部实例化上边的函数new VueLoaderPlugin(),然后重新打包即可...原创 2019-11-11 09:55:25 · 300 阅读 · 0 评论