[Setup] Add postcss flow.

Author: aquariuslt

.coveralls.yml

@@ -1 +1 @@
-repo_token: gV4ylhLoUdSXJjaBaxFcgreo83mphIS7V
+repo_token: JcqpvQxxjEOMHf9KoK9GYbKD3iSOPN5Hf

.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "autoprefixer": {}
+  }
+}

.travis.yml

@@ -1,18 +1,14 @@
 language: node_js
 node_js:
-- "8"
+  - "8"
 
 cache: yarn
 
 install:
-- yarn
-
-
-before_script:
-- yarn add global gulp
+  - yarn
 
 script: yarn run test
 
 # Submit Coverage Status to coveralls.io
 after_script:
-- cat ./test/unit/coverage/lcov.info | ./node_modules/.bin/coveralls
+  - cat ./test/unit/coverage/lcov.info | ./node_modules/.bin/coveralls

README.md

@@ -2,6 +2,8 @@
 
 [![Build Status](https://travis-ci.org/aquariuslt/vue-boilerplate.svg?branch=master)](https://travis-ci.org/aquariuslt/vue-boilerplate)
 [![Coverage Status](https://coveralls.io/repos/github/aquariuslt/vue-boilerplate/badge.svg?branch=master)](https://coveralls.io/github/aquariuslt/vue-boilerplate?branch=master)
+[![GitHub license](https://img.shields.io/github/license/aquariuslt/vue-boilerplate.svg)](https://github.com/aquariuslt/vue-boilerplate/blob/master/LICENSE)
+[![dependencies Status](https://david-dm.org/aquariuslt/vue-boilerplate/status.svg)](https://david-dm.org/aquariuslt/vue-boilerplate)
 
 
 A Vue Boilerplate different with Official `Vue-Template`.
@@ -13,7 +15,6 @@ Features:
 3. Built with Gulp Tasks.
 
 
-
 ## Get Started 
 
 ### Install Dependencies

config/base.config.js

@@ -8,6 +8,7 @@ let baseConfig = {
       js: 'static/js',
       css: 'static/css',
       img: 'static/img',
+      fonts: 'static/fonts',
       manifest: 'static/manifest'
     },
     cache: '.cache',
@@ -18,7 +19,7 @@ let baseConfig = {
     assets: [
       {
         from: 'src/assets',
-        to: 'assets'
+        to: 'static'
       }
     ]
   },

config/webpack.base.babel.js

@@ -34,15 +34,32 @@ let webpackBaseConfig = {
         test: /\.less$/,
         include: pathUtil.resolve('src'),
         loader: ExtractTextPlugin.extract({
-          use: ['css-loader', 'less-loader'],
+          use: [
+            {
+              loader: 'css-loader',
+              options: {
+                importLoaders: 1
+              }
+            },
+            'postcss-loader',
+            'less-loader'
+          ],
           fallback: ['style-loader']
         })
       },
       {
         test: /\.css$/,
         include: pathUtil.resolve(baseConfig.dir.src),
         loader: ExtractTextPlugin.extract({
-          use: ['css-loader'],
+          use: [
+            {
+              loader: 'css-loader',
+              options: {
+                importLoaders: 1
+              }
+            },
+            'postcss-loader'
+          ],
           fallback: ['style-loader']
         })
       },
@@ -62,7 +79,7 @@ let webpackBaseConfig = {
         options: {
           limit: 10000,
           publicPath: './',
-          name: '[name].[ext]'
+          name: baseConfig.dir.dist.fonts + '/' + '[name].[ext]'
         }
       }
     ]

package.json

@@ -21,39 +21,39 @@
     "vuex": "^3.0.1"
   },
   "devDependencies": {
-    "@babel/core": "7.0.0",
+    "@babel/core": "7.1.2",
     "@babel/plugin-external-helpers": "7.0.0",
-    "@babel/plugin-proposal-class-properties": "7.0.0",
-    "@babel/plugin-transform-runtime": "7.0.0",
+    "@babel/plugin-proposal-class-properties": "7.1.0",
+    "@babel/plugin-transform-runtime": "7.1.0",
     "@babel/polyfill": "7.0.0",
-    "@babel/preset-env": "7.0.0",
+    "@babel/preset-env": "7.1.0",
     "@babel/register": "7.0.0",
-    "@babel/runtime": "7.0.0",
+    "@babel/runtime": "7.1.2",
     "@types/extract-text-webpack-plugin": "^3.0.2",
     "@types/jest": "^23.1.1",
-    "@types/marked": "^0.3.0",
+    "@types/marked": "^0.4.2",
     "@types/mocha": "^5.2.0",
     "@types/moxios": "^0.4.8",
     "@types/sinon": "^5.0.1",
     "@types/webpack": "^4.4.11",
     "@vue/cli-plugin-unit-jest": "^3.0.1",
-    "@vue/test-utils": "1.0.0-beta.24",
+    "@vue/test-utils": "1.0.0-beta.25",
     "ajv": "^6.2.0",
-    "autoprefixer": "^9.1.3",
+    "autoprefixer": "^9.1.5",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "^9.0.0",
+    "babel-eslint": "^10.0.1",
     "babel-jest": "^23.4.2",
     "babel-loader": "^8.0.0",
     "babel-plugin-lodash": "^3.3.4",
     "connect-history-api-fallback": "^1.5.0",
     "copy-webpack-plugin": "^4.5.1",
     "coveralls": "^3.0.0",
-    "css-loader": "^0.28.11",
+    "css-loader": "^1.0.0",
     "eslint": "^5.4.0",
     "eslint-plugin-vue": "^5.0.0-beta.3",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "fancy-log": "^1.3.2",
-    "file-loader": "^1.1.11",
+    "file-loader": "^2.0.0",
     "friendly-errors-webpack-plugin": "^1.7.0",
     "glob": "^7.1.2",
     "gulp": "^3.9.1",
@@ -62,7 +62,7 @@
     "gulp-rimraf": "^0.2.2",
     "gulp-sequence": "^1.0.0",
     "html-webpack-plugin": "^3.2.0",
-    "http-proxy-middleware": "^0.18.0",
+    "http-proxy-middleware": "^0.19.0",
     "jest": "^23.1.0",
     "jest-cli": "^23.1.0",
     "jest-serializer-vue": "^2.0.2",
@@ -75,9 +75,14 @@
     "moxios": "^0.4.0",
     "normalize.css": "^8.0.0",
     "offline-plugin": "^5.0.0",
-    "optimize-css-assets-webpack-plugin": "^4.0.0",
+    "opn": "^5.4.0",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
     "optimize-js-plugin": "^0.0.4",
-    "ora": "^2.0.0",
+    "ora": "^3.0.0",
+    "postcss": "^7.0.5",
+    "postcss-load-config": "^2.0.0",
+    "postcss-loader": "^3.0.0",
+    "postcss-pxtorem": "^4.0.1",
     "sinon": "^6.1.5",
     "style-loader": "^0.23.0",
     "url-loader": "^1.1.1",

tasks/serve.js

@@ -2,12 +2,16 @@
 import gulp from 'gulp';
 import log from 'fancy-log';
 
+import opn from 'opn';
 import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
 import addEntries from 'webpack-dev-server/lib/utils/addEntries';
 
+import baseConfig from '../config/base.config';
 import webpackDevConfig from '../config/webpack.dev.babel';
 
+const AUTO_OPEN_URL = 'http://' + baseConfig.dev.host + ':' + baseConfig.dev.port;
+
 gulp.task('serve', function() {
   log.info('Webpack building.');
   addEntries(webpackDevConfig, webpackDevConfig.devServer);
@@ -16,5 +20,7 @@ gulp.task('serve', function() {
     if (error) {
       log.error('Webpack build error:', error);
     }
+    log.info('Open:', AUTO_OPEN_URL);
+    opn(AUTO_OPEN_URL);
   });
 });