vue.config.js 基本配置

const path = require('path')
const debug = process.env.NODE_ENV !== 'production'module.exports = {// 基本路径publicPath: './',// 输出文件目录outputDir: 'dist',assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)// eslint-loader 是否在保存的时候检查lintOnSave: true,// use the full build with in-browser compiler?// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only// compiler: false,// webpack配置// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md   webpack链接API，用于生成和修改webapck配置chainWebpack: () => {if (debug) {// 本地开发配置} else {// 生产开发配置}},configureWebpack: (config) => {// webpack配置，值位对象时会合并配置，为方法时会改写配置if (debug) { // 开发环境配置config.devtool = 'cheap-module-eval-source-map'} else { // 生产环境配置}Object.assign(config, { // 开发生产共同配置resolve: {alias: {'@': path.resolve(__dirname, './src')//设置路径别名//...}}})},// vue-loader 配置项// https://vue-loader.vuejs.org/en/options.html// vueLoader: {},// 生产环境是否生成 sourceMap 文件productionSourceMap: true,// css相关配置 配置高于chainWebpack中关于css loader的配置css: {// 是否使用css分离插件 ExtractTextPluginextract: true,// 开启 CSS source maps?是否在构建样式地图，false将提高构建速度sourceMap: false,// css预设器配置项loaderOptions: {},// 启用 CSS modules for all css / pre-processor files.modules: false},// use thread-loader for babel & TS in production build// enabled by default if the machine has more than 1 cores 构建时开启多进程处理babel编译parallel: require('os').cpus().length > 1,// 是否启用dll// See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode// dll: false,// PWA 插件相关配置// see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwapwa: {},// webpack-dev-server 相关配置devServer: {open: process.platform === 'darwin',host: '0.0.0.0',port: 8080,https: false,hotOnly: false,proxy: null, // 设置代理before: app => {}},// 第三方插件配置pluginOptions: {// ...}
}

vue.config.js 基本配置相关推荐

在vue.config.js下配置别名alias
在vue.config.js下配置别名alias module.exports = {configureWebpack: {resolve: {alias: {'assets': '@/assets' ...
在vue.config.js中配置uglifyjs-webpack-plugin压缩代码
如果vue项目打完包,js文件夹里面只有一个app.js的话,就会在首页加载所有的js代码.如果需要分包打包的话,可以执行以下代码,这样的话每个页面就只会加载对应的js文件,减少首页的负担 1.安装代 ...
Vue-cli中 vue.config.js 的配置详解
1. Vue-cli2 升级到 Vue-cli3+ 1.1 卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x ...
vue.config.js代理配置失效如何解决
按照网上的方法配置vue.config.js不生效,但是写在webpack.config.js中的proxyTable里就可以生效,有大神知道为什么吗? 配置如下: module.exports = ...
(三)01 -Vue项目打包发布移动App——vue.config.js中配置相对路径publicPath为空字符串在public中添加HBuilderX的打包配置文件manifest.json
Vue 项目打包发布移动 App--npm run build打包 & vue.config.js文件中配置相对路径publicPath为空字符串 & 在 public中添加HBuil ...
vue.config.js ：配置webpack（文件传输大小受限）The following asset(s) exceed the recommended size limit (244 KiB)
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impac ...
vue 配置【详解】 vue.config.js （含 webpack 配置）
目录常用配置完整配置使用 vue-cli 3.x 以上的脚手架创建的 vue 项目不再有 build文件夹,若需要进行相关配置,需在项目目录下新建文件 vue.config.js 常用配置 // ...
Vue项目全面解析vuecil3/vuecil4的vue.config.js等常用配置
前端变化日新月异,层出不穷,公司原项目使用vuecil2版本开发,elementUI等一系列库版本太低,也脱离世界很久远了,新版本库需要webpack4等环境,而老版本配置起来bug很多,在使用过程中 ...
vue项目升级(01)：全面解析vuecil3/vuecil4的vue.config.js等常用配置
前言前端变化日新月异,层出不穷,公司原项目使用vuecil2版本开发,elementUI等一系列库版本太低,也脱离世界很久远了,新版本库需要webpack4等环境,而老版本配置起来bug很多,在使用 ...

vue.config.js 基本配置

vue.config.js 基本配置相关推荐

最新文章

热门文章