我的webpack配置文件

先把配置文件拷贝出来

var path = require('path');

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var TransferWebpackPlugin = require('transfer-webpack-plugin');

var newHtmlWebpackPlugin = function (filename, url) {
    return new HtmlWebpackPlugin({
                favicon:'./src/favicon.ico',
                filename: filename,
                template: url,
                inject:false
            });
};

module.exports = {
    entry: {
        //邮件
        'email_create': './src/scripts/email-create.js',
        'email_review': './src/scripts/email-review.js',
        'email_send': './src/scripts/email-send.js',
        'email_statistic': './src/scripts/email-statistic.js'
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: './scripts/[name].js',
        publicPath: ""
    },
    //devtool: "eval", //***上线关闭***
    module: {
        loaders: [
            {
                test: /\.html$/,
                loader: 'html-loader'
            },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract("style-loader", "css-loader")
            },
            {
                test: /\.(pdf.*|eot.*|woff.*|woff2.*|ttf.*|svg.*|png.*|jpg.*|gif.*)$/,
                loader: 'file-loader?name=/images/[name].[ext]'
            }
        ]
    },
    plugins: [
        //把指定文件夹xia的文件复制到指定的目录
        new TransferWebpackPlugin(
            [
                {from: 'audios', to: 'audios'}
            ],
            path.resolve(__dirname,'./src')
        ),
        // new webpack.optimize.UglifyJsPlugin({ //***上线打开***
        //     compress: {
        //         warnings: false
        //     },
        //     sourceMap: true,//这里的soucemap 不能少，可以在线上生成soucemap文件，便于调试
        //     mangle: true
        // }),
        new webpack.optimize.CommonsChunkPlugin('global', './scripts/bundle.js'),
        new ExtractTextPlugin('styles/[name].css'),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        }),
        //邮件
        newHtmlWebpackPlugin('email-create.html', './src/email-create.html'),
        newHtmlWebpackPlugin('email-review.html', './src/email-review.html'),
        newHtmlWebpackPlugin('email-send.html', './src/email-send.html'),
        newHtmlWebpackPlugin('email-statistic.html', './src/email-statistic.html')

],
    resolve:{
        extensions: ['','.js','.json'],
        alias: {
          'jquery': path.join(__dirname, './src/scripts/lib/jquery-1.10.2.min.js')
        }
    },
    devServer: { //***上线关闭***
        historyApiFallback:false,
        contentBase:"./dist",
        hot: false,
        inline: true,
        proxy: {
            '/*/*': {
                changeOrigin: true,
                //target: 'http://yx.nymph.cc',
                target: 'http://test.nymph.cc',
                secure: false,
            }
        }
    }
};

我的webpack配置文件相关推荐

为什么我们要做三份 Webpack 配置文件
时至今日,Webpack 已经成为前端工程必备的基础工具之一,不仅被广泛用于前端工程发布前的打包,还在开发中担当本地前端资源服务器(assets server).模块热更新(hot module re ...
webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server
一.webpack基础 1.在项目中生成package.json:在项目根目录中输入npm init,根据提示输入相应信息.(也可以不生成package.json文件,但是package.json是很 ...
webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server - QxQstar - 博客园
一.webpack基础 1.在项目中生成package.json:在项目根目录中输入npm init,根据提示输入相应信息.(也可以不生成package.json文件,但是package.json是很 ...
WebPack配置文件抽离存放
WebPack配置文件的分离文章目录 WebPack配置文件的分离简述一.安装插件&配置二.抽离存放 1.分离配置文件 2.merge配置文件之间接合三.打包总结简述对配置文件 ...
webpack 配置文件
像上一节中,我们每次在打包文件时都需要手动输入源文件名和输出文件名,这样会比较麻烦,要解决这个问题,我们可以使用配置文件来进行管理. 本节我们来学习 webpack 的配置文件 webpack.con ...
webpack配置文件：webpack.config.js（一）
1.webpack的配置文件webpack.config.js //const HtmlWebpackPlugin = require('html-webpack-plugin'); module.e ...
webpack 配置文件.conf.js 浅理解
// 引入nodejs路径模块 var path = require('path') // 引入utils工具模块,具体查看我的博客关于utils的解释,utils主要用来处理css-loader和v ...
webpack配置(webpack配置文件)
配置个5000元可以配置什么电脑 C 1TB 7200转 32MB(HDS72 1 ￥ 350 显卡影驰 GT240中将版 1 ￥ 549 光驱华硕 DRW-1814BLT 1 ￥ 115 LCD ...
前端学习（2158）：webpack配置文件的分离

我的webpack配置文件

我的webpack配置文件相关推荐

最新文章

热门文章