Authored by shijian

postcss缺少一些插件

@@ -39,7 +39,14 @@ @@ -39,7 +39,14 @@
39 "moment": "^2.14.1", 39 "moment": "^2.14.1",
40 "morgan": "^1.7.0", 40 "morgan": "^1.7.0",
41 "oneapm": "^1.2.20", 41 "oneapm": "^1.2.20",
  42 + "postcss-calc": "^5.3.1",
  43 + "postcss-center": "^1.0.0",
  44 + "postcss-clearfix": "^1.0.0",
  45 + "postcss-crip": "^2.0.1",
42 "postcss-import": "^10.0.0", 46 "postcss-import": "^10.0.0",
  47 + "postcss-position": "^0.5.0",
  48 + "postcss-short": "^1.4.0",
  49 + "postcss-use": "^2.3.0",
43 "request-promise": "^3.0.0", 50 "request-promise": "^3.0.0",
44 "scss-loader": "0.0.1", 51 "scss-loader": "0.0.1",
45 "serve-favicon": "^2.3.0", 52 "serve-favicon": "^2.3.0",
@@ -5,7 +5,7 @@ const devInfo = require('./public/build/dev-info.js'); @@ -5,7 +5,7 @@ const devInfo = require('./public/build/dev-info.js');
5 5
6 let assets, sprites; 6 let assets, sprites;
7 7
8 -if (process.env.NODE_ENV === 'production' || 'performance') { 8 +if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'performance') {
9 assets = { 9 assets = {
10 loadPaths: [path.join(__dirname, './public/img/'), path.join(__dirname, './public/font/')], 10 loadPaths: [path.join(__dirname, './public/img/'), path.join(__dirname, './public/font/')],
11 basePath: path.join(__dirname, './public/'), 11 basePath: path.join(__dirname, './public/'),
@@ -62,6 +62,7 @@ module.exports = { @@ -62,6 +62,7 @@ module.exports = {
62 }, 62 },
63 'postcss-assets': assets, 63 'postcss-assets': assets,
64 'postcss-sprites': sprites, 64 'postcss-sprites': sprites,
  65 + 'postcss-calc': {},
65 'postcss-pxtorem': { 66 'postcss-pxtorem': {
66 rootValue: 40, 67 rootValue: 40,
67 unitPrecision: 5, // 保留5位小数字 68 unitPrecision: 5, // 保留5位小数字
@@ -69,6 +70,9 @@ module.exports = { @@ -69,6 +70,9 @@ module.exports = {
69 selectorBlackList: [], // 选择器黑名单,可以使用正则 70 selectorBlackList: [], // 选择器黑名单,可以使用正则
70 propWhiteList: [] // 属性名称为空,表示替换所有属性的值 71 propWhiteList: [] // 属性名称为空,表示替换所有属性的值
71 }, 72 },
  73 + 'postcss-use': {
  74 + modules: ['postcss-clearfix', 'postcss-crip', 'postcss-short', 'postcss-center', 'postcss-position']
  75 + },
72 autoprefixer: { 76 autoprefixer: {
73 browsers: ['> 1%', 'android >=4', 'ios >=8'] 77 browsers: ['> 1%', 'android >=4', 'ios >=8']
74 } 78 }