Detailed description of front-end engineering VUE-CLI configuration

module.exports = {
    // Deploy the basic URL of the application
    publicPath: process.env.NODE_ENV === 'production' ? '170.1.0.0:8080' : 'localhost:8080'.// Directory of the build file when building (pass --no-clean when building to disable this behavior)
    outputDir: 'dist'.// Place the generated static resources (js, CSS, img, fonts) in the directory (as opposed to outputDir) when build
    assetsDir: ' '.// Specify the output path of the generated index.html (relative to outputDir). It could be an absolute path.
    indexPath: 'index.html'.// By default, the generated static resource file name contains hash to control caching
    filenameHashing: true.// Build multi-page application, page configuration
    pages: {
        index: {
            // Page entry
            entry: 'src/index/main.js'.// Template source
            template: 'public/index.html'.// Output in dist/index.html
            filename: 'index.html'.// When using the title option,
            / / title of the template tag needs to be < title > < % = htmlWebpackPlugin. Options. The title % > < / title >
            title: 'Index Page'.// The blocks contained in this page are contained by default
            // The extracted generic chunk and Vendor chunk.
            chunks: ['chunk-vendors'.'chunk-common'.'index']},// When using the entry only string format,
        // The template will be derived to 'public/subpage.html'
        // And if it can't be found, go back to 'public/index.html'.
        // The output file name is derived to 'subpage.html'.
        subpage: 'src/subpage/main.js'
    },

    // Whether to use eslint-loader in the development environment to save lint code every time (eslint-loader is disabled during production builds)
    lintOnSave: process.env.NODE_ENV ! = ='production'.// Whether to use the Vue build with the runtime compiler
    runtimeCompiler: false.// Babel explicit translation list
    transpileDependencies: [].// If you don't need the source map for production, set it to false to speed up production builds
    productionSourceMap: true.// Set the Crossorigin attributes for the 
       and 
    crossorigin: ' '.// Enable Subresource Integrity (SRI) on 
       and 
    integrity: false.// If the value is an object, it is merged into the final configuration by webpack-merge
    // If you need to conditionally configure the behavior based on the environment, or if you want to change the configuration directly, replace it with a function that executes lazily after the environment variable is set. The first parameter to the method receives the parsed configuration. Within a function, you can modify the configuration directly, or return an object that will be merged
    configureWebpack: {},

    // Configure internal Webpack (such as modify, add Loader options) (chain operation)
    chainWebpack: () = >{},// CSS processing
    css: {
        // When true, CSS file names can be omitted module defaults to false
        modules: true.When building as a library, you can also set it to false to prevent users from importing their own CSS
        // The default value is true for production and false for development
        extract: false.// Whether to enable source Map for the CSS. Setting this to true may affect build performance
        sourceMap: false.// Pass options to csS-related loader (support CSS-loader postCSs-loader sass-loader less-loader stylus-loader)
        loaderOptions: {
            css: {},
            less: {}}}.// All webpack-dev-server options are supported
    devServer: {
        // See http-proxy-Middleware for full options
        proxy: {}},// Whether thread-loader is used for Babel or TypeScript
    parallel: require('os').cpus().length > 1.// Pass options to the PWA plug-in
    pwa: {},

    // Can be used to pass any third-party plug-in options
    pluginOptions: {}}Copy the code