vue.config.js配置

時間 2019-11-18

標籤 vue.config.js vue config 配置欄目 JavaScript 简体版

原文原文鏈接

let pageMethod = require('./util/getPages.js');css

pages = pageMethod.pages();html

module.exports = {vue

pages,web

publicPath: "./",//部署應用包時的基本 URL瀏覽器

outputDir: "dist",//運行時生成的生產環境構建文件的目錄緩存

assetsDir:"static",//放置生成的靜態資源（js,css,img,fonts）的目錄app

productionSourceMap:false,//生產環境的 source map（打包引用的是js，錯誤指向map，便於解析）flex

filenameHashing:false,//生成的靜態資源在它們的文件名中包含了 hash 以便更好的控制緩存(public中的靜態文件不會加hash)ui

css: {spa

modules:true,//只有 *.module.[ext] 結尾的文件纔會被視做 CSS Modules 模塊

sourceMap:false

}

const glob = require('glob')

let pages = {}

module.exports.pages = function (){

//獲取pages下匹配路徑段中0個或多個任意字符，獲取pages目錄下的全部js文件

glob.sync( './src/pages/*/*.js').forEach(filepath =>

{

let fileList = filepath.split('/');

let fileName = fileList[fileList.length-2];

pages[fileName] = {

entry: `src/pages/${fileName}/${fileName}.js`,// page 的入口

// 模板來源

template: `src/pages/${fileName}/${fileName}.html`,

// 在 dist/index.html 的輸出

filename: process.env.NODE_ENV === 'development'?`${fileName}.html`:`${fileName}.html`,

// 提取出來的通用 chunk 和 vendor chunk。

chunks: ['chunk-vendors', 'chunk-common', fileName]

}

})

return pages

};

<!DOCTYPE html>

<head>

</head>

<body>

<strong>瀏覽器版本太低，沒法支持此頁面，請升級頁面；</strong>

</noscript>

</body>

</html>

import Vue from 'vue'

import App from './index.vue'

Vue.config.productionTip = false

new Vue({

render: h => h(App),

}).$mount('#app')

</div>

</template>

import Pro from "../../components/progress/pro.vue";

export default {

data() {

return {

ssOk: false

};

methods: {

　watch:{},

mounted():{},

components: {

Pro: Pro

}

};

</script>

</style>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。