vue打包使用cdn优化项目

最新推荐文章于 2024-05-21 14:53:04 发布

吴传逞

最新推荐文章于 2024-05-21 14:53:04 发布

阅读量478

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43900374/article/details/126146463

版权

vue.config.js

// 是否为生产环境
const isProduction = process.env.NODE_ENV !== 'development';

// 本地环境是否需要使用cdn
const devNeedCdn = false
// cdn链接
const cdn = {
	// cdn：模块名称和模块作用域命名（对应window里面挂载的变量名称）
	externals: {
		vue: 'Vue',
		vuex: 'Vuex',
		'vue-router': 'VueRouter',
		'axios': 'axios',
		'ElementUI': 'element-ui',
	},
	// cdn的css链接
	css: [
		'https://unpkg.com/element-ui/lib/theme-chalk/index.css'
	],
	// cdn的js链接
	js: [
		'https://cdn.bootcss.com/vue/2.6.10/vue.min.js',
		'https://cdn.bootcss.com/vuex/3.1.2/vuex.min.js',
		'https://cdn.bootcss.com/vue-router/3.1.3/vue-router.min.js',
		'https://cdn.bootcss.com/axios/0.19.2/axios.min.js',
		'https://unpkg.com/element-ui/lib/index.js'
	]
}

module.exports = {
	devServer: {
		port: 8889,
	},
	lintOnSave: false,
	publicPath: "/&