构建脚本完善

@@ -13,14 +13,16 @@ const ftp = require('gulp-ftp');
 const postcss = require('gulp-postcss');
 const postcss = require('gulp-postcss');
 const sourcemaps = require('gulp-sourcemaps');
 const sourcemaps = require('gulp-sourcemaps');
 const cssnano = require('gulp-cssnano');
 const cssnano = require('gulp-cssnano');
+const scss = require('postcss-scss');
 
 
 const webpack = require('webpack');
 const webpack = require('webpack');
 const WebpackDevServer = require('webpack-dev-server');
 const WebpackDevServer = require('webpack-dev-server');
-const webpackConfig = require('./webpack.config.js');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const Dashboard = require('webpack-dashboard');
 const Dashboard = require('webpack-dashboard');
 const DashboardPlugin = require('webpack-dashboard/plugin');
 const DashboardPlugin = require('webpack-dashboard/plugin');
 
 
+const webpackConfig = require('./webpack.config.js');
+
 const env = {
 const env = {
     dev: Symbol('development'),
     dev: Symbol('development'),
     pro: Symbol('production')
     pro: Symbol('production')
@@ -48,7 +50,7 @@ const dist = {
 const postcssPlugin = (et) => {
 const postcssPlugin = (et) => {
     let sprites = {
     let sprites = {
             spritesmith: {
             spritesmith: {
-                padding: 2
+                padding: 8
             },
             },
             filterBy(file) {
             filterBy(file) {
                 // base64 的图片没有 url 过滤掉
                 // base64 的图片没有 url 过滤掉
@@ -60,7 +62,7 @@ const postcssPlugin = (et) => {
             groupBy(file) {
             groupBy(file) {
                 let group = file.url.split('/')[1];
                 let group = file.url.split('/')[1];
 
 
-                group = group === '' ? 'yo' : group;
+                group = group === '' ? 'yoho' : group;
 
 
                 file.retina = true;
                 file.retina = true;
 
 
@@ -193,7 +195,7 @@ gulp.task('webpack-dev-server', () => {
             postcss: {
             postcss: {
                 plugins: postcssPlugin(env.dev),
                 plugins: postcssPlugin(env.dev),
                 options: {
                 options: {
-                    parser: require('postcss-scss')
+                    parser: scss
                 }
                 }
             },
             },
             autoprefixer: false,
             autoprefixer: false,
@@ -243,7 +245,7 @@ gulp.task('webpack', ['assets'], (done) => {
             postcss: {
             postcss: {
                 plugins: postcssPlugin(env.pro),
                 plugins: postcssPlugin(env.pro),
                 options: {
                 options: {
-                    parser: require('postcss-scss')
+                    parser: scss
                 }
                 }
             },
             },
             autoprefixer: false,
             autoprefixer: false,
@@ -255,13 +257,12 @@ gulp.task('webpack', ['assets'], (done) => {
 
 
     proConfig.output.path = dist.js;
     proConfig.output.path = dist.js;
 
 
-    // TODO: 生产环境加载的插件独立出来
+    // 生产环境插件
     proConfig.plugins.push(new webpack.DefinePlugin({
     proConfig.plugins.push(new webpack.DefinePlugin({
         'process.env': {
         'process.env': {
             NODE_ENV: '"production"'
             NODE_ENV: '"production"'
         }
         }
-    }));
-    proConfig.plugins.push(new webpack.optimize.UglifyJsPlugin({
+    }), new webpack.optimize.UglifyJsPlugin({
         compress: {
         compress: {
             warnings: false
             warnings: false
         }
         }