怎样使用vue-cli3.0新特性

# 安装
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build

module.exports = {
 // 基本路径
 baseUrl: '/',
 // 

# string
module.exports = {
 devServer: {
 proxy: '<url>'
 }
}
# Object
module.exports = {
 devServer: {
 proxy: {
 '/api': {
 target: '<url>',
 ws: true,
 changeOrigin: true
 },
 '/foo': {
 target: '<other_url>'
 }
 }
 }
}

module.exports = {
 dll: true
}
module.exports = {
 dll: [
 'dep-a',
 'dep-b/some/nested/file.js'
 ]
}

 # 在 public/index.html中引用静态资源
 <%= webpackConfig.output.publicPath %>
 <link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>favicon.ico" rel="external nofollow" >
 # vue templates中，需要在data中定义baseUrl
 <template>
 <img :src="`${baseUrl}my-image.png`">
 </template>
 <script>
 data () {
 return {
 baseUrl: process.env.BASE_URL
 }
 }
 </script>

// vue.config.js
module.exports = {
 chainWebpack: config => {
 config.module
 .rule('js')
 .include
 .add(/some-module-to-transpile/) // 要处理的模块
 }
}

// vue.config.js
module.exports = {
 chainWebpack: config => {
 config.module
 .rule('scss')
 .use('sass-loader')
 .tap(options =>
 merge(options, {
 includePaths: [path.resolve(dirname, 'node_modules')],
 })
 )
 }
}

// vue.config.js
module.exports = {
 chainWebpack: config => {
 config
 .plugin('html')
 .tap(args => {
 return [/* new args to pass to html-webpack-plugin's constructor */]
 })
 }
}

chainWebpack: config => {
 if (process.env.NODE_ENV === 'production') { 
 config
 .plugin('uglify')
 .tap(([options]) =>{
 // 去除 console.log
 return [Object.assign(options, {
 uglifyOptions: { compress: {
 drop_console : true,
 pure_funcs: ['console.log']
 }}
 })]
 })
 }
}

.env # 在所有环节中执行
.env.local # 在所有环境中执行，git会ignored
.env.[mode] # 只在特定环境执行( [mode] 可以是 "development", "production" or "test" )
.env.[mode].local # 在特定环境执行, git会ignored
.env.development # 只在生产环境执行
.env.production # 只在开发环境执行

# 键名须以VUE_APP开头
VUE_APP_SECRET=secret

console.log(process.env.VUE_APP_SECRET)