weixin_55959870的博客

使用官方案例@babel/plugin-syntax-dynamic-import · Babel (babeljs.io)https://babeljs.io/docs/en/babel-plugin-syntax-dynamic-import/安装完后在项目中填如下代码'@babel/plugin-syntax-dynamic-import'安装官方的案例更改路由代码懒加载可以提高运行效率如下login_home_welcome三个组件为......

默认情况下，通过import语法导入的第三方依赖包，最终会被打包合并到同一个文件中，从而导致打包成功后，单文件体积过大的问题。为了解决上述问题，可以通过webpack的externals节点，来配置并加载外部的CDN资源。凡是声明在externals中的第三方依赖包，都不会被打包。项目中顺便做下判断是开发还是发布判断的页面显示const { defineConfig } = require('@vue/cli-service')module.exports = defineC...

首先在vueUI中的开发依赖导入babel-plugin-transform-remove-console在项目中文本框的圈出的复制粘贴即可// 项目发布需要用到的label插件const prodPlugins = []if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console')}module.exports = { presets: [ ..

1.生成打包报告2.第三方库启用CDN3. Element-UI组件按需加载4.路由懒加载5.首页内容定制其中有报错说是有console.log的报错(看下一节解决)这里主要分析build这里我是配置好了所以占用比较少，一般这都是会有小三角...

直接上代码，项目中的两个js一模一样，一个打包用，一个开发用在项目中创建一个vue.config.js文件夹，有的话直接下一步把下面的代码复制粘贴const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, // 修改默认打包main chainWebpack: config => { //.