vue-cli开发配置认识

秒速五厘米 2022-02-25 05:38 175阅读 0赞

### vue-cli开发配置认识 ###

*   *  git钩子的一些配置
     *  babel配置
     *  项目默认配置

## git钩子的一些配置 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]

[相关链接介绍][Link 1]

*  生效package.json配置
 *

"gitHooks": { 
       "pre-commit": "npm run lint"
       ...xxx
    },

*  有兴趣的可以去了解一下 yorkie 这个包

## babel配置 ##

*  在bable.config.js里面

module.exports = { 
      presets: [
        '@vue/app'
      ]
    }

## 项目默认配置 ##

*  所在位置为

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70 1]

exports.defaults = () => ({ 
      // project deployment base
      publicPath: '/',
      // for compatibility concern. TODO: remove in v4.
      baseUrl: '/',
    
      // where to output built files
      outputDir: 'dist',
    
      // where to put static assets (js/css/img/font/...)
      assetsDir: '',
    
      // filename for index.html (relative to outputDir)
      indexPath: 'index.html',
    
      // whether filename will contain hash part
      filenameHashing: true,
    
      // boolean, use full build?
      runtimeCompiler: false,
    
      // deps to transpile
      transpileDependencies: [/* string or regex */],
    
      // sourceMap for production build?
      productionSourceMap: !process.env.VUE_CLI_TEST,
    
      // use thread-loader for babel & TS in production build
      // enabled by default if the machine has more than 1 cores
      parallel: hasMultipleCores(),
    
      // multi-page config
      pages: undefined,
    
      // <script type="module" crossorigin="use-credentials">
      // #1656, #1867, #2025
      crossorigin: undefined,
    
      // subresource integrity
      integrity: false,
    
      css: { 
        // extract: true,
        // modules: false,
        // localIdentName: '[name]_[local]_[hash:base64:5]',
        // sourceMap: false,
        // loaderOptions: {}
      },
    
      // whether to use eslint-loader
      lintOnSave: true,
    
      devServer: { 
      /* open: process.platform === 'darwin', host: '0.0.0.0', port: 8080, https: false, hotOnly: false, proxy: null, // string | Object before: app => {} */
      }
    })

thanks

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]: /images/20220225/4d0cfd9da928461c9f67c00531e2c57f.png
[Link 1]: https://git-scm.com/book/zh/v2/%E8%87%AA%E5%AE%9A%E4%B9%89-Git-Git-%E9%92%A9%E5%AD%90
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70 1]: /images/20220225/a1168146542248bfa1496bd428e4ff76.png