/*
* @Author: Marte
* @Date:?? 2018-02-06 14:41:11
* @Last Modified by:?? Marte
* @Last Modified time: 2018-02-08 16:51:22
*/
var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
module.exports = {
??? entry:'./src/app.js',
??? output:{
??????? path:__dirname+'/dist',
??????? filename:'js/[name].bundle.js'
??? },
??? module:{
??????? rules: [
??????????? {test: /\.css$/,
??????????????? use: ['style-loader', 'css-loader', {
??????????????????? loader: 'postcss-loader',
??????????????????? options: {
??????????????????????? plugins: [
??????????????????????????? require("autoprefixer")({browsers: ["last 5 versions"]})
??????????????????????? ]
??????????????????? }
??????????????? }]
??????????? },
??????????? {test:/\.less$/,
??????????????? use:['style-loader','css-loader',{
??????????????????? loader:'postcss-loader',
??????????????????? options:{
??????????????????????? plugins:[
??????????????????????????? require('autoprefixer')({
??????????????????????????????? browsers:['last 5 versions']
??????????????????????????? })
??????????????????????? ]
??????????????????? }
??????????????? },
??????????????? 'less-loader'
??????????????? ]
??????????? },
??????????? {test:/\.html$/,loader:'html-loader'},
??????????? {test:/\.tpl$/,loader:'tpl-loader'},
??????????? {test:/\.(jpg|png|gif|svg)$/i,
??????????????? use:[
??????????????????? {
??????????????????????? loader:'url-loader',
??????????????????????? options:{
??????????????????????????? limit:20000,
??????????????????????????? name:'assets/[name]-[hash:5].[ext]'
??????????????????????? }
??????????????????? }
??????????????? ]
??????????? }
??????? ],
??????? loaders: [{
??????????? test: /\.js$/,
??????????? loader: 'babel-loader',
??????????? exclude: path.resolve(__dirname, 'node_modules'),
??????????? include: '/src/',
??????????? query: {
??????????????? presets: ['es2016']
??????????? }
??????? }]
??? },
??? plugins:[
??????? new HtmlWebpackPlugin({
??????????? filename:'index.html',
??????????? template:'index.html',
??????????? inject:'body',
??????????? title:'this is index.html'
??????? })
??? ]
}