webpack.config.js

process.env.NODE_ENV = 'production'
var path = require('path')
var webpack = require('webpack')
var ExtractTextPlugin = require('extract-text-webpack-plugin')

var config = {

	context: __dirname,

  devtool: 'source-map',

	entry: {
		index: './src/index.js'
	},

	output: {
		path: path.resolve(__dirname, './lib'),
    library: 'SmartUI',
    libraryTarget: 'umd',
    filename: 'smart-ui.js'
	},

  externals: {
    vue: {
      commonjs: 'vue',
      commonjs2: 'vue',
      amd: 'vue',
      root: 'Vue'
    }
  },

	resolve: {
  	extensions: ['.js', '.vue'],
  },

  module: {
  	rules: [
      {
        test: /.tpl$/,
        loader: 'vue-template-loader',
        options: {
          transformToRequire: {
            // The key should be element name,
            // the value should be attribute name or its array
            img: 'src'
          }
        }
      },
  		{
  			test: /.js$/,
  			exclude: /node_modules/,
  			loader: 'babel-loader'
  		},
	    {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader'
      },
  		{
	      test: /\.vue$/,
	      loader: 'vue-loader',
	      options: {
          loaders: {
            stylus: ExtractTextPlugin.extract({
              use: ['css-loader?sourceMap', 'postcss-loader?sourceMap', 'stylus-loader?sourceMap']
            })
          }
        }
	    },
	    {
	    	test: /\.css$/,
	    	loader: ExtractTextPlugin.extract({
          use: ['css-loader?sourceMap', 'postcss-loader?sourceMap']
        })
	    },
	   	{
	    	test: /\.(styl)$/,
	    	loader: ExtractTextPlugin.extract({
          use: ['css-loader?sourceMap', 'postcss-loader?sourceMap', 'stylus-loader?sourceMap']
        })
	    }
  	]
  },

  plugins: [
  	new webpack.DefinePlugin({
      'process.env.NODE_ENV': '"production"'
    }),

    // extract css into its own file
    new ExtractTextPlugin('smart-ui.css'),
  ],
}

webpack(config, function(err, stats) {
	if (err) throw err
  console.log(stats.toString({
  	colors: true,
  	chunks: false,
  	children: false
  }))
})