我的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,
            }
        }
    }
};

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/553661.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

win11的控制面板在哪?

近日微软发布了全新的win11系统,而且全部用户免费升级,在加上支持运行安卓App,就这亮点真的是无敌了,很多小伙伴期待着能早日更新,目前网上已经有测试版流出来了,大家在升级更新之后找不到控制面板在哪?下…

mac下终端命令行下添加mysql命令

我的mysql数据库是使用的MAMP集成的,在使用终端命令总是要去/Applications/MAMP/Library/bin/mysql(这是我的目录)去打开,很麻烦,所以想把它配置在Terminal的全局环境中。以下是步骤. 1> 打开终端 后输入 cd ~ 2> touch .basj_profi…

爱奇艺怎么上传视频

在爱奇艺使用过程中,不知道怎么上传视频。下面就由小编给大家介绍一下爱奇艺怎么上传视频的操作步骤吧。 爱奇艺官网下载_爱奇艺怎么上传视频 1、进入爱奇艺,点击加号。 爱奇艺官网下载_爱奇艺怎么上传视频 2、可以看到上传,点击进入。 …

js来读写cookie操作

因为之前公司的项目前后端是在一起的,因为要用vue来重构之前的项目。所以token签名要作为一个参数传递到后台。所以就遇到两个问题,1 token的保存和获取的问题。 2 token 判断。判断用户是否用token值。 首先先说一下 token的保存和获取问题。 保存到哪&#xff1…

腾讯视频怎么打开个人直播后台播放功能

腾讯视频是我们常用的软件,在我们使用的过程中,如果我们想打开个人直播后台播放功能,该如何进行设置呢?具体步骤如下。 腾讯视频怎么打开个人直播后台播放功能 1、首先我们在手机上打开腾讯视频,点击并进入。 腾讯视频怎么打开…

Vue.js中data,props和computed数据

在用Vue.js做开发的时候,一定知道 data, props和computed。用了这么久的Vue就总结一下这个三个东西,首先看看官网怎么定义他们,https://cn.vuejs.org/v2/api/#data 。 data 是Vue实例的数据对象。Vue将会将data 的属性转换为 getter/setter,…

优酷视频怎么提交意见反馈

在使用优酷视频中发现有一些问题,那么想要提交反馈上报,可是找不到,今天就让我把这个分享给需要的朋友。 优酷视频怎么提交意见反馈 1、进入优酷视频后选择“我的”栏 优酷视频怎么提交意见反馈 2、然后切换我的页面选择“意见反馈”选项…

[Vue warn]: Failed to mount component: template or render function not defined. (found in root insta

在开始一个新的项目的时候报了个错 [Vue warn]: Failed to mount component: template or render function not defined. (found in root instanew Vue({el: #app,router,template: <App/>,components: { App } })我的项目初始化的时候是上面那个样子 。改成下面的样子就…

PP视频如何不允许WiFi下自动播放

PP视频如何不允许WiFi下自动播放呢?很多人都不会&#xff0c;下面小编来详细的讲解一下。 PP视频如何不允许WiFi下自动播放 1、先打开手机&#xff0c;点击桌面上的PP视频。 PP视频如何不允许WiFi下自动播放 2、然后点击我的。 PP视频如何不允许WiFi下自动播放 3、之后点…

vue的mixins属性

首先先给出官网 https://vuejs.org/v2/guide/mixins.html 今天在开发项目的时候要改变一个标签的属性&#xff0c;因为项目中有多个地方都要改(业务逻辑相同)&#xff0c;所以就看有没办法只改变一个地方&#xff0c;把方法加进去,最后找官网就发现这个属性。 下面是我的-mix…

火狐浏览器如何设置启动页面

火狐浏览器如何设置启动页面&#xff1f;打开火狐浏览器的时候&#xff0c;默认都是跳转到火狐首页的&#xff0c;如果你想换成自己理想的页面&#xff0c;可以对火狐浏览器进行设置。下面我们一起来看看火狐浏览器设置启动时页面的操作方法。 方法/步骤&#xff1a; 1、打开…

打乱数组排序的算法shuffle

打乱数组排序的算法。 export function shuffle(arr) {let _arr arr.slice()for (let i 0; i < _arr.length; i) {let j getRandomInt(0, i)let t _arr[i]_arr[i] _arr[j]_arr[j] t}return _arr }function getRandomInt(min, max) {return Math.floor(Math.random() *…

谷歌浏览器皮肤怎么换 修改谷歌浏览器皮肤的方法

谷歌浏览器皮肤怎么换?谷歌浏览器的默认皮肤一般都是白色&#xff0c;标签、旁白、网址栏、状态栏等等一片白&#xff0c;这对于经常使用谷歌浏览器的用户来说会比较刺眼&#xff0c;我们可以给谷歌浏览器更改一个自己喜欢或更舒适的皮肤。 谷歌浏览器皮肤怎么换 修改谷歌浏览…

call 和 apply 的使用

call 和 apply 都是改变当前执行函数的上下文&#xff0c;也就是改变this的指向。 call的语法 fun.call(thisArg[, arg1[, arg2[, ...]]]) apply的语法fun.apply(thisArg, [argsArray]) var pet {words: ...,speak: function (name) {console.log(I am , name, speak: , this…

Win11控制面板里面怎么找到系统安全?

Win11控制面板里面怎么找到系统安全? 1、首先点击任务栏中间的开始菜单&#xff0c;并点击里面的设置。 win11的控制面板在哪&#xff1f;Win11控制面板里面怎么找到系统安全&#xff1f; 2、然后再出来的界面中点击“更新和安全”。 win11的控制面板在哪&#xff1f;Win1…

js 对象的深拷贝

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>对象的深拷贝</title> </head> <body><script>var cloneObj function (obj) {// typeof null 是等于 object,所以也把null给…

windows7系统软件无法卸载的解决方法

windows7系统软件无法卸载怎么解决?卸载软件的操作我们每个人应该都会了&#xff0c;但是也会有遇到无法卸载的软件&#xff0c;小编就教大家windows7系统软件无法卸载的解决方法吧。 windows7系统软件无法卸载的解决方法 1、点击桌面左下角开始菜单&#xff0c;找到控制面板…

MUI tab选项卡之间的切换和数据获取

查看mui官网上面的例子&#xff0c;会看到有多种tab 选项卡的例子&#xff0c;我就写下我用到的tab选项卡。写了个简单的例子&#xff0c;效果如下图 主页面的代码 <nav class"mui-bar mui-bar-tab"><a class"mui-tab-item mui-active" href"…

win7系统任务栏不见了怎么办

我们在日常使用电脑的时候总是会遇到各种各样的问题&#xff0c;任务栏消失不见就是其中一项&#xff0c;遇到这种问题时一般有两种情况&#xff1a;一种是电脑任务栏不是真的消失&#xff0c;只是隐藏起来了&#xff0c;一种是任务栏真的消失了。针对以上两种情况&#xff0c;…

windows7电脑恢复出厂设置如何操作

在使用win7系统的时间久后&#xff0c;win7系统容易变得臃肿卡顿&#xff0c;因此不少网友想给win7恢复出厂设置。不过很多网友对于windows7电脑如何恢复出厂设置的操作不熟悉&#xff0c;今天小编就教下大家win7恢复出厂设置的方法。 windows7电脑恢复出厂设置如何操作&#…