npm install -D clean-webpack-plugin
Project setup
``
yarn install
`
$3
`
yarn run serve
`
$3
`
yarn run build
`
$3
`
yarn run test
`
$3
`
yarn run lint
`
$3
`
yarn run test:unit
``
$3
See
Configuration Reference.
baseUrl —— 域名,可根据环境变量来配置不同域名。
outputDir —— 项目导出文件夹
assetsDir —— 静态资源文件夹
pages —— 多页应用中配置各个页面入口文件
lintOnSave —— eslint 是否在保存行为的时候检查代码。默认为 warning,如果配置为 error 则有错误直接报 eslint 错误。
runtimeCompiler —— 是否使用 runtime 版本的 vue 文件。设为 true 可以使用 template 配置项目。
transpileDependencies —— 用于修改 babel 配置
productionSourceMap —— 如果不需要产品的 source map,设为 false 可以加速构建。
configWebpack —— 用于配置 Webpack,将与默认的 Webpack 配置合并。
chainWebpack —— Webpack 链,用于配置 loader rules 和 plugins
css.modules —— css 模块化
css.extract —— 从组件中取出 css
css.sourceMap —— 是否需要 css 的 sourceMap,会影响构建效果。
css.loaderOptions —— 配置 CSS 相关 loader,如 sass-loader、stylus-loader。
devServer —— 开发服务器配置
devServer.proxy —— 开发服务器代理配置
parallel —— 是否对 Babel 或 TypeScript 使用 thread-loader
pwa —— pwa 配置
pluginOptions —— 这是一个不经过任何模式验证的对象,因此它可以用于将任意选项传递给第三方插件。比如写一个 options.pluginOptions.foo 插件配置对象随时调用
https://www.jianshu.com/p/9e61598f024c