const path = require("path");
const webpack = require("webpack");
const uglify = require("uglifyjs-webpack-plugin");

module.exports = {
	devtool: 'source-map',
	entry: "./src/index.js",//入口文件，就是上步骤的src目录下的index.js文件，
	output: {
		path: path.resolve(__dirname, './dist'),//输出路径，就是上步骤中新建的dist目录，
		publicPath: '/dist/',
		filename: 'flip.min.js',
		libraryTarget: 'umd',
		umdNamedDefine: true
	},
	module: {
		rules: [
			{
				test: /\.vue$/,
				loader: 'vue-loader'
			},
			{
				test: /\.scss/,
				use: [
					{loader: "style-loader"},
					{loader: "css-loader"},
					{loader: "sass-loader"}
				]
			},
			{
				test: /\.js$/,
				exclude: /node_modules/,
				options:{
					presets:["es2015"]
				},
				loader: 'babel-loader'
			},
			{
				test: /\.(png|jpg|gif|ttf|svg|woff|eot)$/,
				loader: 'url-loader',
				query: {
					limit: 30000,
					name: '[name].[ext]?[hash]'
				}
			}
		]
	},
	plugins: [
		new webpack.DefinePlugin({
			"process.env": {
				NODE_ENV: JSON.stringify("production")
			}
		})
	]
};