![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 72
普普通通学习不内卷
普普通通学习,做个记录~球球大家别卷了
展开
-
webpack打包测试环境正常,生产环境漏掉了css文件
在使用不同环境对项目打包之后,发现生产环境的css文件没有全部被挂载,缺失了一部分,但是测试环境的是正常的。就是图里面的这几个文件,打包生产环境以后缺失了。在一番搜索之后,发现有个概念叫做tree shaking。就是说生产环境(production)在打包的时候,会默认把一些dead code,也就是代码中看起来没有引用到,没有用上的代码,自动过滤掉。那么取消过滤不就好了?或者能不能够把这个tree shaking的功能关掉呢?又搜索了一番,发现大家都是建议说在package.json里面, 调整“sid原创 2022-07-01 13:53:38 · 1072 阅读 · 1 评论 -
怎么确认webpack根据不同命令打包之后环境变了?(Vue)npm run build:test
根据我的另外一篇文章,我们知道了怎么用webpack根据不同命令打包。有时候会有根据不同环境(测试环境,正式环境,生产环境)打包的需求,需要替换所有项目中遇到的地址,那么怎么确认我们确实使用webpack改变的环境呢?方法:找个页面,可以是App.vue, data里面加个code: process.env.BASE_API, 然后再在template里面{{code}}使用npm run build:test......原创 2022-06-28 15:27:36 · 1016 阅读 · 0 评论 -
Webpack Vue-cli 2 根据不同命令打包
Webpack Vue-cli 2 根据不同命令打包一、使用vue cli 2搭建项目二、生产环境和开发环境,以及测试环境的配置三、编写不同运行命令四、运行npm run build:testnpm run build:prodnpm run build:dev不同环境 webpack 配置...............原创 2022-06-28 15:00:08 · 523 阅读 · 0 评论 -
关于webpack,什么是webpack,打包原理
关于webpack,什么是webpack,打包原理一些从网上收集的各种关于webpack的信息,算是一个记录,有些找不到链接了,侵删~webpack是是npm的工具模块,是一个JS应用打包器, 它将应用中的各个模块打包成一个或者多个bundle文件。借助loaders和plugins,它可以改变、压缩和优化各种各样的文件。输入不同资源,比如:html、css、js、img、font文件等,然后将它们输出浏览器可以正常解析的文件。附上一个webpack大佬们总结的面试题链接.........转载 2022-06-28 13:38:16 · 260 阅读 · 1 评论