Vue2.5.9源码解读(2) — build/config.js

最新推荐文章于 2022-05-30 10:59:13 发布
最新推荐文章于 2022-05-30 10:59:13 发布
阅读量646 收藏 1
点赞数
分类专栏： Vuejs 文章标签： 源码 vuejs2-5-9 config
博主原创文章未经博主允许转载，请注明原创文章地址。
本文链接：https://blog.csdn.net/znyaiw/article/details/78658455
版权
本文深入解读Vue2.5.9的源码，重点解析`build/config.js`如何处理路径操作，genConfig函数如何根据环境变量TARGET匹配配置，并提供了在环境变量未指定时的导出策略。
摘要由CSDN通过智能技术生成 
const banner =
  '/*!\n' +
  ' * Vue.js v' + version + '\n' +
  ' * (c) 2014-' + new Date().getFullYear() + ' Evan You\n' +
  ' * Released under the MIT License.\n' +
  ' */'

在生成的文件中添加的vuejs版本、版权、许可声明信息。

// 为一些路径起别名
const aliases = {
  vue: resolve('src/platforms/web/entry-runtime-with-compiler'),
  compiler: resolve('src/compiler'),
  core: resolve('src/core'),
  shared: resolve('src/shared'),
  web: resolve('src/platforms/web'),
  weex: resolve('src/platforms/weex'),
  server: resolve('src/server'),
  entries: resolve('src/entries'),      // 2.5.9版本中已经不存在这个目录
最低0.47元/天 解锁文章
向小暖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何搭建一个完整的Vue3.0 + ts 的项目
sinat_28371057的博客
12-13 4877
如何搭建一个完整的Vue3.0 + ts 的项目 相信9月18日尤大大的关于Vue3.0的发表演讲大家一定有所关注,现在Vue3.0 也已经进入RC阶段（最终产品的候选版本，如果没有问题则可发布成为正式版本）。所以Vue3.0的学习是我们必然的趋势，今天，主要分享一下Vue3.0的详细搭建过程，希望可以为初入Vue3的小伙伴有所帮助。 我们现在开始进入今天的主题啦~~ 一、安装 1. 安装nodejs 此处提供nodejs下载地址：https://nodejs.org/zh-cn/dow..
Vuejs2.5.9源码解读(1) — package.json
事非宜，勿轻诺；苟轻诺，进退错。
11-28 1524
Vuejs2.5.9源码解读 获取vue2.5.9源码 从https://github.com/vuejs/vue/releases下载源码包。 package.json脚本命令 vue下的package.json:... "scripts": { "dev": "rollup -w -c build/config.js --environment TARGET:web-full-dev",
vue 源码学习----build/config.js
weixin_30703911的博客
03-30 199
1. process 这个process是什么？为何都没有引入就可以使用了呢？ process对象是一个global（全局变量），提供有关信息，控制当前Node.js进程。作为一个对象，它对于Node.js应用程序始终是可用的，故无需使用require(); 那procee.env呢？是啥？ process.env属性返回一个包含用户环境信息的对象 2. bu...
BuildConfig的使用
全干工程师
11-24 1434
在工程的gradle.properties中进行配置如下：compileSdk=23 buildTools=23.0.3 minSdk=19 targetSdk=22ServerAddress="http\://x-phone.cn" apiversion="/api/v1.1/"isDebug=true在项目的build.gradle使用如下： android { compileSdkVe
Vue项目中根目录文件夹配置详解（4）build文件、config文件
qq_37734787的博客
11-26 3380
build（项目构建(webpack)相关代码） 其它博客介绍 build.js > 生产环境构建配置脚本 check-versions.js > 用来检查npm，node.js版本 utils.js > vue开发环境的webpack相关配置文件 vue-loader.conf.js > 配置了css加载器以及编译css之后自动添加前缀 webpack.base.conf.js > webpack 基础配置 webpack.dev.conf.js > webpack
vue-cli脚手架build目录下utils.js工具配置文件详解
12-12
此文章用来解释vue-cli脚手架build目录中的utils.js配置文件 1.此配置文件是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader 2.关于注释 •当涉及到较复杂的解释我将通过标识的方式...
vue - vue.config.js中devServer配置方式
10-16
在Vue.js开发过程中，`vue.config.js` 文件是用于配置项目的，特别是对于开发环境的设置。其中，`devServer` 配置对象是至关重要的，因为它控制着开发服务器的行为，包括如何处理跨域请求、代理服务器设置以及端口...
vue.config.js完整配置-超详细
最新发布
05-26
在 Vue 项目中，`vue.config.js` 文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。这个文件通常位于项目的根目录下，如果使用了 `@vue/cli` 创建的项目，那么在初始化时该文件可能不...
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
vue-cli中config目录下的index.js文件详解
08-18
### Vue CLI 中 config 目录下的 index.js 文件详解 #### 一、概述 在 Vue CLI 构建项目的过程中，`config` 目录下的 `index.js` 文件扮演着至关重要的角色。它主要用于定义项目的构建配置，包括开发环境与生产...
vuejs-2.5.21.js
12-27
vue引入的js文件,做快速入门或者小项目的时候,方便下载.
vue2之vue.config.js最全配置教程
热门推荐
xhd11257339的博客
04-09 1万+
vue.config.js的简单配置
webpack-config.js 内容讲解
weixin_30379911的博客
05-18 454
当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面 （环境变量及其基本变量的配置） var path = require('path') module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html'), assetsRoot: path.resol...
vue打包配置的详细说明【config/index.js的build部份】
ying940718的博客
01-07 4371
index: path.resolve(__dirname, '../dist/index.html') 打包生成的文件路径 __dirname：代码所在路径，字符串格式 assetsRoot: path.resolve(__dirname, '../dist'), 包含应用程序的所有静态资产的根目录（绝对路径） assetsSubDirectory: 'static', 被编译之后的资源...
webpack基本配置
qq_44742440的博客
03-12 284
前言 学习到了webpack的配置，截止到目前，还是挺复杂的，版本问题经常出bug。留个笔记记录一下吧~ 认识webpack 什么是webpack？ 官方的解释： At its core,webpack is a static module bundlerfor modern JavaScript applications 从本质上讲，webpack是一个现代的JavaScript应用的静态模块打包工具。 总结两点就是：模块or打包 和gulp对比 gulp更加强调的是前端流程的自动化，模块化不是它的核心。
vue2的/build/webpack.base.config.js详解4点
qq_42980244的博客
05-30 857
vue2的build文件夹里面存放的是什么呢？ 全篇也摆在下面 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirna...
模块/包与Common.js
nerao的博客
05-15 214
模块/包 与Common.js Node.js使用了Common.js规范 Node.js中Common.js规范有三种使用类型： 内置模块 path url fs precess 1.1内置模块很多，我们下面以 磁盘处理的模块 为例 内置模块我们注重的模块的使用 使用步骤： (1) 先引入模块，然后用一个变量保存这个模块( 内置模块在requrie(模块名称) ) (2) 使用这...
CKEditor config.js文件配置
我的左脸像我的右脸
08-09 7851
【config.js文件的配置】 CKEDITOR.config.autoGrow_maxHeight 示例： CKEDITOR.config.autoGrow_maxHeight = 400; 默认值：0 CKEDITOR.config.autoGrow_
vueJs源码解读0-1
RankBill
05-10 3871
vue源码解读-1 在github上下载到源码的后在src的目录下也即是该所有分块的源文件的地址所在的地方，使用webstrom在file–>Settings–>languages&Frameworks中选择javascript使用ECMAScript6 1. index.js import Vue from ‘./instance/vue’ import installGlobal
vue中 config/index.js 和 vue.config.js的区别
05-01
`config/index.js`和`vue.config.js`都是Vue项目的配置文件，但是它们的作用和使用方式略有不同。 `config/index.js`是Webpack的配置文件，用于配置打包构建的一些参数，例如开发模式下的端口号、打包后的输出目录、静态资源的路径等。我们可以通过修改这个文件来自定义Webpack的打包配置。 `vue.config.js`是Vue项目的配置文件，可以用来配置Webpack、Babel、DevServer等工具的参数。这个文件是在Vue CLI 3.x版本中新增的，它的作用是覆盖默认的Webpack配置，从而实现自定义构建和开发配置。在这个文件中，我们可以通过`configureWebpack`和`chainWebpack`两个选项来修改Webpack的配置，还可以通过`devServer`选项来配置开发服务器的参数。 总的来说，`config/index.js`是Webpack的配置文件，而`vue.config.js`是Vue项目的配置文件。我们可以通过修改这些文件来自定义项目的构建和开发配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值