plugins
:
{
new
webpack
.
DefinePlugin
(
{
PROCESSENV
:
JSON
.
stringify
(
{
VUE_APP
:
process
.
env
.
VUE_APP
}
)
在
main.js
中打印
console.log(PROCESSENV)
是可以取到值得
参考：
DefinePlugin
• 六、公用代码提取，
使用
cdn加载
• 七、去除console.log
通过
vue
-cli3脚手架创建的
项目
，可以通过在
项目
根目录下创建
vue
.
config
.
js
配置
文件
来修改优化webpack配置，主要优化流程分为以下几步进行，用于优化
项目
打包，减小体积大小
一、
js
文件
最小化处理
代码的最优化, 通过cha
vue
-cli3 以来 是不会
暴露
webpack.
config
.
js
的 需要我们手动来配置
因为近期 接手的一个
项目
我需要从 package.josn 拿参数 然后 在其他
js
文件
拿到配置
大致步骤如下：
项目
根目录 创建
文件
vue
.
config
.
js
添加配置 =》 配置
全局
变量
其他
js
拿到
全局
变量
配置大致和 webpack 差不多
for example...
背景：在.
vue
后缀名的
文件
，和.
js
后缀名的
文件
里，
使用
全局
变量
的语法是不一样的。
.
vue
模板
文件
可以直接访问挂载在
Vue
实例上的
全局
对象，而普通的.
js
文件
访问不到。
1、 定义
全局
变量
const ssoServer = "https://iam.by.gov.cn/idp"; // 生产环境
const ssoServerLogout = "https://iam.by.gov.cn/apphub/logout"; // 生产环境
export default
最近在学习
VUE
.
js
中
间涉及到
JS
全局
变量
，与其说是
VUE
的
全局
变量
，不如说是模块化
JS
开发的
全局
变量
。
1、
全局
变量
专用模块
就是以一个特定模块来组织管理这些
全局
量，需要引用的地方导入该模块便好。
全局
变量
专用模块 Global.
vue
[removed]
const colorList = [
'#F9F900',
'#6FB7B7',
'#9999CC',
'#B766AD',
'#B87070',
'#FF8F59',
'#FFAF60',
'#FFDC35',
'#FFFF37',
'#B7FF4A',
chainWebpack:
config
=> {
const oneOfsMap =
config
.module.rule('less').oneOfs.store
oneOfsMap.forEach(item => {
.use('sass-resources-loader')
module.exports = {
baseUrl: './', //
vue
Conf.baseUrl, // 根域上下文目录
outputDir: 'dist', // 构建输出目录
assetsDir: 'assets', // 静态资源目录 (
js
, css, img, fonts)
lintOnSave:
相信9月18日尤大大的关于
Vue
3.0的发表演讲大家一定有所关注,现在
Vue
3.0 也已经进入RC阶段（最终产品的候选版本，如果没有问题则可发布成为正式版本）。所以
Vue
3.0的学习是我们必然的趋势，今天，主要分享一下
Vue
3.0的详细搭建过程，希望可以为初入
Vue
3的小伙伴有所帮助。
我们现在开始进入今天的主题啦~~
1. 安装node
js
此处提供node
js
下载地址：https://node
js
.org/zh-cn/dow..
警告解决 electron: The default of contextIsolation is deprecated and will be changing from false to true
