关于vue-cli打包配置部署404
在vue脚手架(vue-cli)下我很很快的就可以搭建自己的开发环境,但是我们把项目编写完后,需要进行打包上线会遇到各种问题,在根据版本问题,(vue3的版本跟之前相比少了很多配置项),下面是我用老版本进行的一个测试(新版还在研究)
很多时候我们在打包的时候会遇到各种的报错,
我遇到的问题就是在项目打包不是的时候遇到404和extract-text-webpack-plugin报错,
1、404,需要跟你相对应的 根目录下的config下面indiex.js修改,(有的版本是没有config和build文件的)
2、extract-text-webpack-plugin,可能你的项目中用到过,该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法,
你要先去查看一下,webpack.dev.config.js下面你你有没有引用该插件,如果没有你按先引入
1.1:const ExtractTextPlugin = require('extract-text-webpack-plugin')
1.2:在plugins数组下面添加一下代码
new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].[contenthash].css'),
allChunks: false,
}),
1.3:删除你的node_modules重新安装下,然后在执行一下cnpm run build,
如果还是extract-text-webpack-plugin有问题,试着更换一下它版本,
下面是根据不同版本搭建的vue项目的目录
在vue-cli3.0版本后的打包需要自己创建vue.config,js文件(同package.json)因为打包路径默认 / 我们需要改成 ./
这样打包上线还是有问题的,因为vue-cli3.0的路由里面
随后就可以cnpm run build 进行打包部署了
最新文章
- foxmail邮箱,签名中如何添加当前日期
- 使用dwr时动态生成table的一个小技巧
- mybatis 传递参数的方法总结
- 基础知识系列☞C#中→属性和字段的区别
- PL/SQL不支持64位Oracle Client 解决办法
- MARIADB 在 OPENSUSE 的安装。
- mysql启动不成功显示The server quit without updating PID file的解决方法
- org.springframework.beans.factory.BeanDefinitionStoreException
- STL1-unordered_map
- 多校6 1010 HDU5802 Windows 10 dfs
- hud1520Anniversary party(树形DP)
- VM虚拟机下CentOS 6.5配置IP地址的三种方法
- 信息存储——当值X是2的非负整数n次幂时,如何表示成十六进制
- JS中var和let
- sticky
- try_files
- ubuntu 16.04服务器 搭建php LAMP环境
- MFC调用libyara遇到的问题
- 构建Docker Compose服务堆栈
- excel 方框打钩
热门文章
- jpa hibernate 打印sql,format日志,打印SQL参数,打印什么指令
- iOS支付宝2.0 SDK集成整理
- 使用Data Lake Analytics读/写RDS数据
- 【JZOJ4890】【NOIP2016提高A组集训第14场11.12】随机游走
- ps学习教程
- 2019-7-25-VisualStudio-2019-新创建项目添加-git-仓库
- DRDS 数据恢复重磅发布,全方位保障您的数据安全
- 几种map的排序规则
- 从 Apache ORC 到 Apache Calcite | 2019大数据技术公开课第一季《技术人生专访》
- win10如何关闭计算机设备和驱动器非硬盘图标