improve prod build config

Author: Ken Berkeley

build/config/PATHS.js

@@ -15,6 +15,7 @@ module.exports = {
  ROOT: ROOT, // 项目根目录
  BUILD: ROOT.join('build'), // 构建工具配置目录
  DIST: ROOT.join('dist'), // build 后输出目录
+ DOCS: ROOT.join('docs'), // 文档
  MOCK: ROOT.join('mock'), // Mock Server 目录
  SRC: ROOT.join('src'), // 源码目录
  STATIC: ROOT.join('static') // 高度静态资源目录

build/prod.js

@@ -1,9 +1,13 @@
-var fs = require('fs'),
+var fs = require('fs-extra'),
  webpack = require('webpack'),
  gulp = require('./gulpfile'),
  PATHS = require('./config/PATHS'),
  config = require('./webpack.prod.conf');
 
+fs.emptyDirSync(PATHS.DIST); // 清空 build 目录
+fs.copySync(PATHS.STATIC, PATHS.DIST.join('static')); // 复制高度静态资源
+fs.copySync(PATHS.DOCS.join('_book'), PATHS.DIST.join('docs')); // 复制文档
+
 webpack(config, function(err, stats) {
  // show build info to console
  console.log(stats.toString({ chunks: false, color: true }));

build/webpack.prod.conf.js

@@ -3,7 +3,6 @@ var webpack = require('webpack'),
  PATHS = require('./config/PATHS'),
  config = require('./webpack.base.conf'),
  HtmlWebpackPlugin = require('html-webpack-plugin'),
- CopyWebpackPlugin = require('copy-webpack-plugin'),
  ExtractTextPlugin = require('extract-text-webpack-plugin'),
  // SOURCE_MAP = true; // 大多数情况下用不到
  SOURCE_MAP = false;
@@ -25,8 +24,6 @@ config.module.loaders.push({
  loader: ExtractTextPlugin.extract('style', 'css!sass')
 });
 
-fs.emptyDirSync(PATHS.DIST); // 清空 build 目录
-
 config.plugins.push(
  new webpack.optimize.DedupePlugin(),
  new webpack.optimize.OccurenceOrderPlugin(),
@@ -49,21 +46,7 @@ config.plugins.push(
  new HtmlWebpackPlugin({
  filename: '../index.html',
  template: PATHS.SRC.join('index.html')
- }),
- new CopyWebpackPlugin([ // 复制高度静态资源
- {
- context: PATHS.STATIC,
- from: '**/*',
- ignore: ['*.md']
- }
- ]),
- new CopyWebpackPlugin([ // 复制文档
- {
- context: PATHS.ROOT.join('docs/_book'),
- from: '**/*',
- to: '../docs/'
- }
- ])
+ })
 );
 
 module.exports = config;

dist/static/README.md

@@ -0,0 +1,3 @@
+本目录放置高度静态且不经由 Webpack 处理的文件
+（例如需要全局引入的样式、脚本）
+其中 plugins/ 存放需要 Gulp 合并压缩打包的文件

package.json

@@ -32,7 +32,6 @@
  "browser-sync": "^2.11.1",
  "browser-sync-webpack-plugin": "^1.0.1",
  "connect-history-api-fallback": "^1.1.0",
- "copy-webpack-plugin": "^4.0.1",
  "cross-env": "^3.1.3",
  "css-loader": "^0.23.0",
  "eslint": "^1.10.3",