|
@@ -15,7 +15,7 @@ const sourcemaps = require('gulp-sourcemaps'); |
|
@@ -15,7 +15,7 @@ const sourcemaps = require('gulp-sourcemaps'); |
|
15
|
const cssnano = require('gulp-cssnano');
|
15
|
const cssnano = require('gulp-cssnano');
|
|
16
|
|
16
|
|
|
17
|
const webpack = require('webpack');
|
17
|
const webpack = require('webpack');
|
|
18
|
-const webpackDevServer = require('webpack-dev-server');
|
18
|
+const WebpackDevServer = require('webpack-dev-server');
|
|
19
|
const webpackConfig = require('./webpack.config.js');
|
19
|
const webpackConfig = require('./webpack.config.js');
|
|
20
|
|
20
|
|
|
21
|
const env = {
|
21
|
const env = {
|
|
@@ -52,6 +52,8 @@ const postcssPlugin = (et) => { |
|
@@ -52,6 +52,8 @@ const postcssPlugin = (et) => { |
|
52
|
|
52
|
|
|
53
|
group = group === '' ? 'yo' : group;
|
53
|
group = group === '' ? 'yo' : group;
|
|
54
|
|
54
|
|
|
|
|
55
|
+ file.retina = true;
|
|
|
|
56
|
+
|
|
55
|
return group ? Promise.resolve(group) : Promise.reject(group);
|
57
|
return group ? Promise.resolve(group) : Promise.reject(group);
|
|
56
|
}
|
58
|
}
|
|
57
|
},
|
59
|
},
|
|
@@ -91,6 +93,13 @@ const postcssPlugin = (et) => { |
|
@@ -91,6 +93,13 @@ const postcssPlugin = (et) => { |
|
91
|
require('postcss-assets')(assets),
|
93
|
require('postcss-assets')(assets),
|
|
92
|
require('postcss-calc'),
|
94
|
require('postcss-calc'),
|
|
93
|
require('postcss-opacity'),
|
95
|
require('postcss-opacity'),
|
|
|
|
96
|
+ require('postcss-pxtorem')({
|
|
|
|
97
|
+ rootValue: 40,
|
|
|
|
98
|
+ unitPrecision: 5, // 保留5位小数字
|
|
|
|
99
|
+ minPixelValue: 2, // 小于 2 时，不转换
|
|
|
|
100
|
+ selectorBlackList: [], // 选择器黑名单，可以使用正则
|
|
|
|
101
|
+ propWhiteList: [] // 属性名称为空，表示替换所有属性的值
|
|
|
|
102
|
+ }),
|
|
94
|
|
103
|
|
|
95
|
// 可选
|
104
|
// 可选
|
|
96
|
require('postcss-use')({
|
105
|
require('postcss-use')({
|
|
@@ -165,7 +174,7 @@ gulp.task('webpack-dev-server', () => { |
|
@@ -165,7 +174,7 @@ gulp.task('webpack-dev-server', () => { |
|
165
|
debug: true
|
174
|
debug: true
|
|
166
|
});
|
175
|
});
|
|
167
|
|
176
|
|
|
168
|
- new webpackDevServer(webpack(devConfig), {
|
177
|
+ new WebpackDevServer(webpack(devConfig), {
|
|
169
|
contentBase: '.',
|
178
|
contentBase: '.',
|
|
170
|
publicPath: '//localhost:8000/',
|
179
|
publicPath: '//localhost:8000/',
|
|
171
|
hot: true,
|
180
|
hot: true,
|
|
@@ -185,7 +194,7 @@ gulp.task('webpack', () => { |
|
@@ -185,7 +194,7 @@ gulp.task('webpack', () => { |
|
185
|
var proConfig = Object.assign({}, webpackConfig);
|
194
|
var proConfig = Object.assign({}, webpackConfig);
|
|
186
|
|
195
|
|
|
187
|
proConfig.output.path = dist.js;
|
196
|
proConfig.output.path = dist.js;
|
|
188
|
- webpack(proConfig, (err, stats) => {
|
197
|
+ webpack(proConfig, (err) => {
|
|
189
|
if (err) {
|
198
|
if (err) {
|
|
190
|
throw new gutil.PluginError('webpack', err);
|
199
|
throw new gutil.PluginError('webpack', err);
|
|
191
|
}
|
200
|
}
|
