分支管理

webpack.custom.config.js

// 分支名稱
let project = 'xxx';
module.exports = {
  html: resolve(`src/components/plm/${project}/entry/index.html`),
  entry: {
    'appClient': resolve(`src/components/plm/${project}/entry/index.js`)
  },
  alias: {
    'store': resolve(`src/components/plm/${project}/store/index.js`),
    'router': resolve(`src/components/plm/${project}/router/index.js`),
    'lessIndex': resolve(`src/components/plm/${project}/style/index.less`),
   }
}
複製代碼

webpack.config.js

const cm = require('./webpack.custom.config.js');

module.exports = {
  entry: cm.entry,
  resolve:{
    alias: Object.assign({
      '@': resolve('src')
    }, cm.alias)
  },
  plugins: [
    new HtmlWebPackPlugin({
      filename: 'index.html',
      template: cm.html // cm是對象，html是屬性
    })
   ]
}
複製代碼

文件夾部署

build
config
src 
  | assets
  | components
    | base
    | plm
      | 分支名稱【project 】
        | entry
          | App.vue
          | index.html
          | index.js
          | index.less
        | router
        | store
        | repository
          | 頁面名稱
            | js
            | less
            | vue
            | store
              index.js、interface.js
複製代碼