webpack
关注
分享
扫一扫
文章平均质量分 60
lihefei_coder
这个作者很懒，什么都没留下…
展开
-
vue-cli在index.html判断环境变量加载不同代码
index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale原创 2021-04-08 12:07:49 · 4281 阅读 · 2 评论 -
Vue打包CDN加速优化
vue.config.jsconst isProduction = process.env.NODE_ENV === 'production';const cdn = { css: [], js: [ 'https://cdn.bootcss.com/vue/2.6.10/vue.runtime.min.js', 'https://cdn.boo...原创 2020-01-02 16:19:26 · 2435 阅读 · 0 评论 -
前端工程化 Webpack require.context() 批量导入模块
随着前端业务的复杂程度不断攀升，项目的体量越来越庞大，文件数量也相应倍增。当一个大栏目需要手动导入几十上百个模块时，这简直就是噩梦：import a from './modules/a.js';import b from './modules/b.js';import c from './modules/c.js';import d from './modules/d.js';impo...原创 2019-12-19 20:21:36 · 2108 阅读 · 0 评论 -
vue-cli3分环境打包配置
概述在项目开发过程中一般会分为三种运行环境：开发环境、测试生产环境、正式生产环境，不同的环境在配置上的要求会有所不同，最简单的例子就是请求后端的接口地址不同。在打包过程中需要区分不同的运行环境手动去修改配置，这是一项枯燥且没有技术含量的工作，对于这种能用工具解决的工作就不要去人肉操作了，就算避免不了人肉操作，但也尽量让它来得简单点。接下来主要讲解在vue-cli3项目中打包怎么解放人肉配置，...原创 2019-11-21 16:26:29 · 3752 阅读 · 0 评论 -
vue项目build打包优化
vue-cli 3.0 build包太大导致首屏过长的解决方案https://www.jianshu.com/p/d1fb954f5713?utm_source=oschina-appvue打包优化https://www.jianshu.com/p/171e8e529f35vue cli3 优化配置生产去除console.log - from UglifyJs warnings is no...原创 2019-10-08 18:14:18 · 1632 阅读 · 0 评论 -
Vue项目开发常见问题记录
问题：打包后的文件放在服务器上运行字体图标变成方框解决方法： build > webpack.base.conf.js 里面loader的字体文件limit值设大一些，至少要比字体文件大...原创 2019-05-31 14:35:15 · 355 阅读 · 1 评论