![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
smileYuWei
记录自己的进步,加油
展开
-
webpack分环境打包 + 踩坑
webpack打包一、分环境打包步骤如下:1.在package.json里要配置不同的环境变量注意:Build-test/bulid-product 与build写成一样的就可以了NODE_ENV需要改成不同的环境变量,方便在打包的时候获取到,从而根据不同的环境进行打包cross-env:解决跨平台设置NODE-ENVDE的问题2.在webpack.base.conf.js的o...原创 2019-05-13 22:06:17 · 876 阅读 · 0 评论 -
__webpack_public_path__动态配置路径
问题: 前端采用的是vue + webpack,项目部署时会动态配置一个相对路径,页面的js,css,img都是通过这种方式引入,但是publicPath是写死的(并没有根据后台传入的url动态去匹配)就会导致页面引用的js,css,img报404的错误OutputOutput用于配置打包输出的文件,包括输出文件的文件名、输出路径、静态资源Eg:Module.exports = {Fil...原创 2019-05-15 20:01:34 · 10241 阅读 · 0 评论 -
webapck1.14升级到3.6踩坑
一、升级原因:webpack版本太低,导致有些依赖文件无法安装(安装了eslint没有生效)二、升级的步骤:1.通过命令行搭建vue-cli,起一个vue项目2.首先根据原来的package.json 来下载一些依赖到现在新项目的package.json里,把原来的src文件复制到新的项目里3.运行项目,会发现有很多报错,开始一个一个处理缺少依赖包,通过tnpm insta...原创 2019-07-08 16:33:13 · 258 阅读 · 0 评论