// vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一部分,具体配置参考文档 module.exports = { // 部署生产环境和开发环境下的URL. // 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //例如 https://www.my-app.com/.如果应用被部署在一个子路径上,你就需要用这个选项指定…

vue.config.js的简单介绍 vue.config.js 是一个可选的配置文件, 在项目的 (和 package.json 同级的) 根目录中存在这个文件. 默认情况没有这个文件需要我们手动去创建这个文件的哈 那么它会被 @vue/cli-service 自动加载. module.exports={ productionSourceMap: false, //生产环境地图资源,默认为true,此时js不会生成对应的.map文件 publicPath: process.env.NODE_E…

官方文档中介绍过在 vue.config.js 文件中可以配置 parallel,作用如下: 是否为 Babel 或 TypeScript 使用 thread-loader. 该选项在系统的 CPU 有多于一个内核时自动启用,仅作用于生产构建 我们看一下源码部分: parallel 接受 boolean 值: parallel: joi.boolean() 默认设置如下: parallel: hasMultipleCores() 依赖了函数 hasMultipleCores in some ca…

在 vue.config.js 配置中有一个 indexPath 的配置,我们先看看它有什么用? 用来指定 index.html 最终生成的路径(相对于 outputDir) 先看看它的默认值:在文件 @vue/cli-service/lib/options.js 中 indexPath: joi.string() 默认值: indexPath: 'index.html' 使用案例: 我们在 vue.config.js 中配置: indexPath: '1/2/3/b.html' 最终在编译之后…

vue.config.js vue.config.js是一个可选的配置文件,新建该文件,存放在项目根目录(将自动加载)中 // 作为配置文件,直接导出配置对象即可 module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 port: 8080, // 设置代理 proxy: { '/api': { // 目标 API 地址 target: 'http://192.168.6.163:8080/', // 如果要代…

最近做了一个基于Vue的项目,需要兼容IE浏览器,目前实现了打包后可以在IE10以上运行,但是还不支持在运行时兼容IE10及以上. 安装依赖 yarn add --dev @babel/polyfill  在入口文件 main.js 引入依赖 import '@babel/polyfill'; 修改 babel.config.js module.exports = {   presets: [     [       '@vue/app',       {         useBuiltIns…

根目录 新建   vue.config.js 文件,自动加载配置. // 作为配置文件,直接导出配置对象即可 module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 6 port: 8080, // 设置代理 proxy: { '/api': { 10 // 目标 API 地址 11 target: 'http://192.168.6.163:8080/', 12 // 如果要代理 websockets ws:…

首先还是简单介绍一下 webpack-bundle-analyzer 是做什么的: Visualize size of webpack output files with an interactive zoomable treemap. 一个很强大的用来优化打包之后文件提交的工具. 在老版本的脚手架里面已经多帮你配置好了,在 build/webpack.prod.conf.js 文件中: 判断是否配置了 bundleAnalyzerReport,如果配置了,加载 webpack-bundle-a…

大家还记得我们在老版本中,对于线上环境配置中会把所有的 css 多打成一个文件: 核心是使用了插件 extract-text-webpack-plugin,方式如下: 第一步都是加载插件 const ExtractTextPlugin = require('extract-text-webpack-plugin') 这个插件的描述如下: Extract text from a bundle, or bundles, into a separate file. 然后配置如下:(省去了 rules…

React 在react中配置开发环境下的本地代理相对比较简单,直接在package.json文件中修改即可. 但是这样做有其局限性,如果开发中代理多个接口的时候将无法满足需求,我们需要的是下面这种的能够代理多个接口的请求方式 proxy('/back', { target: 'http://172.20.1.148:8082', changeOrigin: true }) 1):安装http-proxy-middleware管理包,npm i http-proxy-middleware --s…