vue-cli配置

vue-cli的配置放置在/vue-cli文件夹下，如果选择使用vue-cli，将/vue-cli中的配置文件覆盖根目录即可。

启动

  1. npm run serve

配置

目前，系统中提供的vue-cli配置如下，如果有其他的扩展配置，请参考vue-cli以及webpack的文档。

vue-cli: https://cli.vuejs.org/

webpack: https://webpack.js.org/

  1. const path = require('path');
  2. const webpack = require('webpack');
  3. const globalVars = require('./src/css/var.js');
  5. module.exports = {
  6.   pages: {
  7.     index: {
  8.       entry: 'src/main.js',
  9.       template: 'index.html',
  10.       filename: 'index.html',
  11.       chunks: ['chunk-vendors', 'chunk-common', 'index']
  12.     }
  13.   },
  14.   css: {
  15.     loaderOptions: {
  16.       // less 设置全局变量，var.js 建议使用less-to-js转换 var.less 文件
  17.       less: {
  18.         globalVars
  19.       }
  20.     }
  21.   },
  22.   configureWebpack: {
  23.     //定义resolve，参考webpack文档 https://webpack.js.org/configuration/resolve/
  24.     resolve: {
  25.       alias: {
  26.         model: path.resolve(__dirname, 'src/js/model/'),
  27.         js: path.resolve(__dirname, 'src/js/'),
  28.         components: path.resolve(__dirname, 'src/components/')
  29.       }
  30.     },
  31.     //定义全局变量, 参考webpack文档 https://webpack.js.org/plugins/provide-plugin
  32.     plugins: [
  33.       new webpack.ProvidePlugin({
  34.         Utils: [path.resolve(__dirname, 'src/js/common/utils'), 'default'],
  35.         Manba: 'manba',
  36.         HeyUI: 'heyui',
  37.         Model: 'js-model',
  38.         G: 'hey-global',
  39.         log: 'hey-log',
  40.         R: [path.resolve(__dirname, 'src/js/common/request'), 'default']
  41.       })
  42.     ]
  43.   },
  44.   devServer: {
  45.     proxy: {
  46.       // 此处应该配置为开发服务器的后台地址
  47.       // '/api': {
  48.       //   target: 'http://xxx.xx.xx'
  49.       // }
  50.     }
  51.   }
  52. };