vue新vue-cli3环境配置和模拟json数据的实例
最近在研究学习vue,发现环境配置特麻烦,就是跟着文档步骤一步一步来,也会遇到各种想不到的坑,vue-cli3的配置比老的简洁了很多,与以往的配置也有所不同: 1、安装步骤以前是现在是: 2、vue-cli2 新建项目vuecli3新建项目,在你创建后会有一个保存当前配置的功能 vue-cli2进入到项目,安装依赖包 运行项目vue-cli2 npm run dev vue-cli3 npm run serve vue-cli3 的vue.config.js module.exports = {
// 基本路径 baseUrl: '/',// 输出文件目录 outputDir: 'dist',// eslint-loader 是否在保存的时候检查 lintOnSave: true,// use the full build with in-browser compiler? // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only runtimeCompiler: true,// webpack配置 // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md chainWebpack: () => {},configureWebpack: () => {},// vue-loader 配置项 // https://vue-loader.vuejs.org/en/options.html //vueLoader: {},// 生产环境是否生成 sourceMap 文件 productionSourceMap: true,// css相关配置 css: { // 是否使用css分离插件 ExtractTextPlugin extract: true,// 开启 CSS source maps? 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 parallel: require('os').cpus().length > 1,// 是否启用dll // See https://github.com/vuejs/vue-cli/blob/dev/docs/cli-service.md#dll-mode // PWA 插件相关配置 },// 第三方插件配置 json代码获取数据输出vue文件以上这篇vue新vue-cli3环境配置和模拟json数据的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |