搭建 vue-cli3 项目可选配置项

1 ( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
2 ( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行,目前较少人再用
3 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
4 ( ) Router // vue-router(vue路由)
5 ( ) Vuex // vuex(vue的状态管理模式)
6 ( ) CSS Pre-processors // CSS 预处理器(如:less、sass)
7 ( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint)
8 ( ) Unit Testing // 单元测试(unit tests)
9 ( ) E2E Testing // e2e(end to end) 测试

注意:vue-cli3搭建的项目是没有webpack.config.js文件的,若谷有需要新修改webpack配置,可以自行创建vue.config.js

vue.config.js 里配置esLint,配置打包路径,以及全局样式
module.exports = {
    lintOnSave: false,    //配置禁用eslint
    assetsDir: 'static', // 配置js、css静态资源二级目录的位置 打包的时候
    css: {
        // 不用在每一个页面都进行引入样式,就能直接引用。
        loaderOptions: { // css加载程序选项
            sass: {  //sass
                prependData: `@import '@/assets/css/base.scss';`   //设置sass预先考虑地址
            }
        }
    }
}

你可能感兴趣的:(搭建 vue-cli3 项目可选配置项)