add main.js to package.json.

remove dist from gitignore.

Author: steven5538

.gitignore

@@ -1,6 +1,5 @@
 .DS_Store
 node_modules/
-dist/
 npm-debug.log
 test/unit/coverage
 test/e2e/reports

README.md

@@ -20,10 +20,10 @@ $ npm install vue-button
 </template>
 
 <script>
-import vButton from 'vue-button'
+import VueButton from 'vue-button'
 export default {
  components: {
- vButton
+ VueButton
  }
 }
 </script>

build/build.js

@@ -21,7 +21,6 @@ spinner.start()
 var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
 rm('-rf', assetsPath)
 mkdir('-p', assetsPath)
-cp('-R', 'static/*', assetsPath)
 
 webpack(webpackConfig, function (err, stats) {
  spinner.stop()

build/webpack.prod.conf.js

@@ -1,102 +1,32 @@
-var path = require('path')
-var config = require('../config')
-var utils = require('./utils')
-var webpack = require('webpack')
-var merge = require('webpack-merge')
-var baseWebpackConfig = require('./webpack.base.conf')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
-var HtmlWebpackPlugin = require('html-webpack-plugin')
-var env = process.env.NODE_ENV === 'testing'
- ? require('../config/test.env')
- : config.build.env
+const webpack = require('webpack')
+const base = require('./webpack.base.conf')
+const config = require('../config')
 
-var webpackConfig = merge(baseWebpackConfig, {
- module: {
- loaders: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true })
- },
- devtool: config.build.productionSourceMap ? '#source-map' : false,
- output: {
- path: config.build.assetsRoot,
- filename: utils.assetsPath('js/[name].[chunkhash].js'),
- chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
- },
- vue: {
- loaders: utils.cssLoaders({
- sourceMap: config.build.productionSourceMap,
- extract: true
- })
- },
- plugins: [
- // http://vuejs.github.io/vue-loader/en/workflow/production.html
- new webpack.DefinePlugin({
- 'process.env': env
- }),
- new webpack.optimize.UglifyJsPlugin({
- compress: {
- warnings: false
- }
- }),
- new webpack.optimize.OccurrenceOrderPlugin(),
- // extract css into its own file
- new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
- // generate dist index.html with correct asset hash for caching.
- // you can customize output by editing /index.html
- // see https://github.com/ampedandwired/html-webpack-plugin
- new HtmlWebpackPlugin({
- filename: process.env.NODE_ENV === 'testing'
- ? 'index.html'
- : config.build.index,
- template: 'index.html',
- inject: true,
- minify: {
- removeComments: true,
- collapseWhitespace: true,
- removeAttributeQuotes: true
- // more options:
- // https://github.com/kangax/html-minifier#options-quick-reference
- },
- // necessary to consistently work with multiple chunks via CommonsChunkPlugin
- chunksSortMode: 'dependency'
- }),
- // split vendor js into its own file
- new webpack.optimize.CommonsChunkPlugin({
- name: 'vendor',
- minChunks: function (module, count) {
- // any required modules inside node_modules are extracted to vendor
- return (
- module.resource &&
- /\.js$/.test(module.resource) &&
- module.resource.indexOf(
- path.join(__dirname, '../node_modules')
- ) === 0
- )
- }
- }),
- // extract webpack runtime and module manifest to its own file in order to
- // prevent vendor hash from being updated whenever app bundle is updated
- new webpack.optimize.CommonsChunkPlugin({
- name: 'manifest',
- chunks: ['vendor']
- })
- ]
-})
-
-if (config.build.productionGzip) {
- var CompressionWebpackPlugin = require('compression-webpack-plugin')
+base.entry = {
+ lib: './src/main.js'
+}
 
- webpackConfig.plugins.push(
- new CompressionWebpackPlugin({
- asset: '[path].gz[query]',
- algorithm: 'gzip',
- test: new RegExp(
- '\\.(' +
- config.build.productionGzipExtensions.join('|') +
- ')$'
- ),
- threshold: 10240,
- minRatio: 0.8
- })
- )
+base.output = {
+ path: config.build.assetsRoot,
+ publicPath: config.build.assetsPublicPath,
+ filename: 'vue-button.js',
+ library: 'VueButton',
+ libraryTarget: 'umd'
 }
 
+var webpackConfig = Object.assign({}, base)
+
+webpackConfig.devtool = '#source-map'
+webpackConfig.plugins = (webpackConfig.plugins || []).concat([
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"production"'
+ }
+ }),
+ new webpack.optimize.UglifyJsPlugin({
+ compress: { warnings: false }
+ }),
+ new webpack.optimize.OccurenceOrderPlugin(),
+])
+
 module.exports = webpackConfig

dist/vue-button.js

@@ -1,6 +1,6 @@
 {
  "name": "vue-button",
- "version": "0.0.3",
+ "version": "0.0.10",
  "description": "Button component for Vue.js",
  "author": "steven5538 <steven5538@gmail.com>",
  "keywords": [
@@ -30,9 +30,8 @@
  "test": "npm run unit && npm run e2e",
  "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
  },
+ "main": "./dist/vue-button.js",
  "dependencies": {
- "node-sass": "^3.13.0",
- "sass-loader": "^4.0.2",
  "vue": "^2.0.1"
  },
  "devDependencies": {
@@ -92,7 +91,9 @@
  "webpack": "^1.13.2",
  "webpack-dev-middleware": "^1.8.3",
  "webpack-hot-middleware": "^2.12.2",
- "webpack-merge": "^0.14.1"
+ "webpack-merge": "^0.14.1",
+ "node-sass": "^3.13.0",
+ "sass-loader": "^4.0.2"
  },
  "engines": {
  "node": ">= 4.0.0",

dist/vue-button.js.map

@@ -1,7 +1,7 @@
 import Vue from 'vue'
-import vButton from './components/Button.vue'
+import VueButton from './components/Button.vue'
 
-Vue.component('v-button', vButton)
+Vue.component('v-button', VueButton)
 
 Vue.config.debug = true
 Vue.config.devtools = true
@@ -10,5 +10,5 @@ Vue.config.devtools = true
 new Vue({
  el: '#app',
  template: '<v-button>Hello</v-button>',
- components: { vButton }
+ components: { VueButton }
 })

package.json

@@ -1,4 +1,4 @@
-import vButton from './components/Button.vue'
+import VueButton from './components/Button.vue'
 
-export default vButton
-export { vButton }
+export default VueButton
+export { VueButton }