Vue-cli脚手架

package.json

(1)name:项目名称

(2)version:项目版本号,遵循 大版本.次要版本.小版本

(3)description:项目描述

(4)author:项目作者

(5)private:是否私有

(6)scripts:其子项是在控制台运行脚本的缩写

(7)dependencies:项目依赖库

(8)devDependencies:开发依赖库

(9)engines:引擎,用来制定node和npm版本

(10)browserslist:限制了浏览器和客户端的版本

疑难小结 dependencies和devDependencies的区别:devDependencies是作用于生产环境的,开发环境不需要。

editorconfig 

编辑器的配置文件

gitignore

忽略git提交的文件,提交将不会加载配置的文件

package-lock.json

锁定安装时的包的版本号,保证install时保持一致性

config

config里的文件是服务于build,大部分是定义一个变量export出去。下面是index.js文件的解释:

复制代码
dev: {                                     //开发环境的配置
    assetsSubDirectory: 'static',  //子目录
    assetsPublicPath: '/',            //根目录
    proxyTable:{},                    //该属性可解决跨域问题
    host: '192.168.42.23',         //地址
    port: 8080,                         //端口设置
    autoOpenBrowser: false,      //是否编译
    errorOverlay: true,              //浏览器错误提示
    notifyOnErrors: true,           //跨平台错误提示
    poll: false,                          //使用文件系统
    useEslint: false,                  //语法限制
    showEslintErrorsInOverlay: false, 
    devtool: 'cheap-module-eval-source-map',  //增加调试
    cacheBusting: true,             //使缓存失效
    cssSourceMap: false            //是否开启cssSourceMap
  },
  build: {                                //生产环境
    index: path.resolve(__dirname, '../dist/index.html'),  //index编译后生成的位置和名字
    assetsRoot: path.resolve(__dirname, '../dist'), //编译后存放生产环境代码的位置
    assetsSubDirectory: 'static',    //js、css等存放文件夹名
    assetsPublicPath: '/',   //发布的根目录
    productionSourceMap: false,  //
    devtool: '#source-map',     //
    productionGzip: false,     //
    productionGzipExtensions: ['js', 'css'], 
    // bundleAnalyzerReport: process.env.npm_config_report //
    bundleAnalyzerReport: true                                     //
  }    
复制代码

 

posted @ 2019-05-28 14:52  cxp虫小盼  阅读(101)  评论(0)    收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示