搭建|搭建 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 项目可选配置项】注意: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预先考虑地址 } } } }

    推荐阅读