fix: 修复 webpack tempalte

Author: 罗学

package.json

@@ -20,10 +20,10 @@
   },
   "main": "index.js",
   "devDependencies": {
-    "@pkb/cli": "^1.4.21",
+    "@pkb/cli": "^1.4.22",
     "@pkb/plugin-react": "^1.4.8",
     "@pkb/rollup-box": "^1.4.20",
-    "@pkb/webpack-box": "^1.4.19"
+    "@pkb/webpack-box": "^1.4.22"
   },
   "bugs": {
     "url": "https://github.com/luoxue-victor/learn_webpack/issues"

packages/cli/.npmignore

@@ -1 +1,2 @@
 node_modules
+package-lock.json

packages/cli/template/webpack/box.config.js

@@ -0,0 +1,96 @@
+const path = require('path')
+function resolve (dir) {
+  return path.join(process.cwd(), dir)
+}
+
+module.exports = function (config) {
+  /**
+   * @param {object} dll 开启差分包
+   * @param {object} pages 多页面配置 通过 box run/build index 来使用
+   * @param {function} chainWebpack
+   * @param {string} entry 入口
+   * @param {string} output 出口
+   * @param {string} publicPath
+   * @param {string} port 端口
+   * @param {object} eslint eslint 配置
+   * @param {object} stylelint stylelint 配置
+   * @param {object} eslint eslint 配置
+   * @param {object} alias 配置别名
+   * @param {object} env 配置通用变量，可以在 node 跟 web 之间共同使用
+   * @param {Boolean} filenameHashing 文件名是否使用 hash，当文件发生变动的时候 filename 才会改变
+   * @param {Boolean} css 配置 css
+   * @param {Boolean} mock 开启 mock
+   */
+  return {
+    pages: {
+      index1: {
+        entry: 'src/main.js',
+        template: 'public/index.html',
+        filename: 'index.html',
+        publicPath: './',
+        output: 'dist/index1'
+      },
+      index2: {
+        entry: 'src/main.js',
+        template: 'public/index2.html',
+        filename: 'index2.html',
+        publicPath: './',
+        output: 'dist/index2'
+      }
+    },
+    port: 9001,
+    mock: true,
+    env: {
+      REACT: 'react' // 配置 react
+    },
+    alias: {
+      '@': resolve('src'),
+      '@src': resolve('src')
+    },
+    resources: {
+      less: {
+        patterns: [
+          path.resolve(__dirname, './src/global/*.less')
+        ]
+      },
+      scss: {
+        patterns: [
+          path.resolve(__dirname, './src/global/*.scss')
+        ]
+      }
+    },
+    css: {
+      sourceMap: true,
+      loaderOptions: {
+        css: {},
+        less: {
+          globalVars: {
+            gray: '#ccc'
+          }
+        },
+        sass: {},
+        postcss: {},
+        stylus: {}
+      },
+      isCssModule: false, // 是否对css进行模块化处理
+      needInlineMinification: false // 是否需要压缩css
+    },
+    filenameHashing: true,
+    eslint: {
+      lintOnSave: true, // 开启运行时检测
+      extensions: ['js', 'jsx', 'vue'] // 默认 ['js', 'jsx']
+    },
+    tslint: {
+      lintOnSave: true, // 开启运行时检测
+      useThreads: true
+    },
+    stylelint: {
+      lintOnSave: true // 开启运行时检测
+      // extensions: ['vue', 'htm', 'html', 'css', 'sss', 'less', 'scss']
+    },
+    // dll: {
+    //   venders: ['react']
+    // },
+    chainWebpack(config) {}
+  }
+}

packages/cli/template/webpack/package.json

@@ -1,6 +1,13 @@
 {
   "version": "0.1.0",
   "private": true,
+  "scripts": {
+    "dev": "webpack-box dev",
+    "dev:dash": "webpack-dashboard -- webpack-box dev",
+    "build": "webpack-box build",
+    "dev:docker": "docker run -v \"$(PWD)\":/usr/src/webpack-box/ docker-webpack-box npm run dev",
+    "build:docker": "docker build -t docker-webpack-box ."
+  },
   "devDependencies": {
     "@pkb/plugin-react": "1.4.8",
     "@pkb/webpack-box": "1.4.19"

packages/cli/template/webpack/src/main.js

@@ -1,6 +1,6 @@
 // 加载react
 import React from 'react'
 import ReactDom from 'react-dom'
-import { App } from './src/demo'
+import { App } from './demo'
 
 ReactDom.render(<App/>, document.getElementById('app'))