記錄下vue-cli3的添加Less、Vux 的vue.config.js配置

// 這裏只列一部分，具體配置慘考文檔啊

module.exports = {
    // baseUrl type:{string} default:'/'
    // 將部署應用程序的基本URL
    // 將部署應用程序的基本URL。
    // 默認狀況下，Vue CLI假設您的應用程序將部署在域的根目錄下。
    // https://www.my-app.com/。若是應用程序部署在子路徑上，則須要使用此選項指定子路徑。例如，若是您的應用程序部署在https://www.foobar.com/my-app/，集baseUrl到'/my-app/'.

    baseUrl: process.env.NODE_ENV === 'production' ? '/' : '/',

    // outputDir: 在npm run build時 生成文件的目錄 type:string, default:'dist'

    // outputDir: 'dist',

    // pages:{ type:Object,Default:undfind }
    /* 構建多頁面模式的應用程序.每一個「頁面」都應該有一個相應的JavaScript條目文件。該值應該是一 個對象，其中鍵是條目的名稱，而該值要麼是指定其條目、模板和文件名的對象，要麼是指定其條目 的字符串， 注意：請保證pages裏配置的路徑和文件名 在你的文檔目錄都存在 不然啓動服務會報錯的 */
    // pages: {
    // index: {
    // entry for the page
    // entry: 'src/index/main.js',
    // the source template
    // template: 'public/index.html',
    // output as dist/index.html
    // filename: 'index.html'
    // },
    // when using the entry-only string format,
    // template is inferred to be `public/subpage.html`
    // and falls back to `public/index.html` if not found.
    // Output filename is inferred to be `subpage.html`.
    // subpage: 'src/subpage/main.js'
    // },
    // 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
    // 生產環境是否生成 sourceMap 文件
    // lintOnSave：{ type:Boolean default:true } 問你是否使用eslint
    lintOnSave: true,
    // productionSourceMap：{ type:Bollean,default:true } 生產源映射
    // 若是您不須要生產時的源映射，那麼將此設置爲false能夠加速生產構建
    productionSourceMap: true,
    // devServer:{type:Object} 3個屬性host,port,https
    // 它支持webPack-dev-server的全部選項

    devServer: {
        port: 8081, // 端口號
        host: 'localhost', // 'localhost'
        https: false, // https:{type:Boolean}
        open: true, //配置自動啓動瀏覽器
        // proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理
        proxy: {
            '/api': {
                target: '<url>',
                ws: true,
                changeOrigin: true
            },
            '/foo': {
                target: '<other_url>'
            }
        }, // 配置多個代理
    }, // css相關配置
    css: {
        extract: true, // 是否使用css分離插件 ExtractTextPlugin
        sourceMap: false, // 開啓 CSS source maps?
        loaderOptions: {
            less: {
                javascriptEnabled: true //less 配置
            }
        }, // css預設器配置項
        modules: false // 啓用 CSS modules for all css / pre-processor files.
    },
    configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']  // 添加vux
        })
    }
}
複製代碼