增加只编译组件的文件

Author: long-woo

README.md

@@ -9,19 +9,3 @@
 > Vue.js(v2.20+)
 
 > Bootstrap(v4.0.0+) 推荐使用 `Bootstrap-Vue` 库
-
-## Build Setup
-
-``` bash
-# install dependencies
-npm install # yarn
-
-# serve with hot reload at localhost:8080
-npm run dev
-
-# build for production with minification
-npm run build
-
-# build for production and view the bundle analyzer report
-npm run build --report
-```

build/build.component.js

@@ -0,0 +1,48 @@
+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+
+config.build.assetsSubDirectory = '/'
+
+// webpackConfig.output = {
+
+// }
+
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false, // if you are using ts-loader, setting this to true will make typescript errors show up during build
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+  })
+})

build/webpack.base.conf.js

@@ -22,7 +22,7 @@ const createLintingRule = () => ({
 module.exports = {
   context: path.resolve(__dirname, '../'),
   entry: {
-    app: ['babel-polyfill', './src/main.js']
+    app: './src/main.js'
   },
   output: {
     path: config.build.assetsRoot,

config/index.js

@@ -10,15 +10,7 @@ module.exports = {
     // Paths
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    proxyTable: {
-      '/api': {
-        target: '\"\"',
-        changeOrigin: true,
-        changeOrigin: {
-          '^/api': 'api'
-        }
-      }
-    },
+    proxyTable: {},
 
     // Various Dev Server settings
     host: 'localhost', // can be overwritten by process.env.HOST

package.json

@@ -4,6 +4,7 @@
   "description": "Vue component---vue-bootstrap-selectpicker",
   "author": "long.woo <longwunet@outlook.com>",
   "license": "MIT",
+  "main": "dist/vue-bootstrap-selectpicker.min.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/long-woo/vue-bootstrap-selectpicker"
@@ -34,14 +35,8 @@
     "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": "npm run dev",
     "lint": "eslint --ext .js,.vue src",
-    "build": "node build/build.js"
-  },
-  "dependencies": {
-    "bootstrap": "^4.1.1",
-    "nprogress": "^0.2.0",
-    "prismjs": "^1.15.0",
-    "vue": "^2.5.2",
-    "vue-router": "^3.0.1"
+    "build": "node build/build.js",
+    "build-component": "node build/build.component.js"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
@@ -52,9 +47,9 @@
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-polyfill": "^6.26.0",
     "babel-preset-env": "^1.3.2",
     "babel-preset-stage-2": "^6.22.0",
+    "bootstrap": "^4.1.1",
     "chalk": "^2.0.1",
     "copy-webpack-plugin": "^4.0.1",
     "css-loader": "^0.28.0",
@@ -78,12 +73,15 @@
     "postcss-import": "^11.0.0",
     "postcss-loader": "^2.0.8",
     "postcss-url": "^7.2.1",
+    "prismjs": "^1.15.0",
     "rimraf": "^2.6.0",
     "semver": "^5.3.0",
     "shelljs": "^0.7.6",
     "uglifyjs-webpack-plugin": "^1.1.1",
     "url-loader": "^0.5.8",
+    "vue": "^2.5.2",
     "vue-loader": "^13.3.0",
+    "vue-router": "^3.0.1",
     "vue-style-loader": "^3.0.1",
     "vue-template-compiler": "^2.5.2",
     "webpack": "^3.6.0",

src/assets/logo.png

@@ -3,8 +3,6 @@
 import Vue from 'vue'
 import App from './App'
 import router from './router'
-// Nprogress
-import Nprogress from 'nprogress'
 
 import 'bootstrap/dist/css/bootstrap.min.css'
 
@@ -15,8 +13,6 @@ import SelectPicker from './components'
 
 Vue.config.productionTip = false
 
-// use
-Vue.nprogress = Vue.prototype.$nprogress = Nprogress
 Vue.prototype.$prism = Prism
 Vue.use(SelectPicker)