博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Webpack使用教程六(Plugins)
阅读量:6308 次
发布时间:2019-06-22

本文共 1059 字,大约阅读时间需要 3 分钟。

webpack可以通过插件进行功能扩展。webpack拥有很多的内置插件和第三方插件。下面以webpack自带的插件bannerPlugin为例,说明插件的简单用法。bannerPlugin可以将任何字符串加到生成的bundle文件的顶部(例如版权信息等)。因为bannerPlugin是内置的,我们无需用npm进行安装。我们对webpack配置文件进行修改():

var webpack = require('webpack');module.exports = {    devtool: 'eval-source-map',    entry: __dirname + "/app/main.js",    output: {        path: __dirname + "/public",        filename: "bundle.js"    },    module: {        loaders: [            {                test: /\.json$/,                loader: "json"            },            {                test: /\.js$/,                exclude: /node_modules/,                loader: 'babel',                query: {                    presets: ['es2015', 'react']                }            }        ]    },    plugins: [        new webpack.BannerPlugin("Copyright webpack")    ],    devServer: {        contentBase: "./public",        colors: true,        historyApiFallback: true,        inline: true    }};

运行webpack命令,然后打开bundle.js文件,就可以看到bundle文件顶部多了Copyright webpack字符串。。

转载于:https://www.cnblogs.com/xfshen/p/5945983.html

你可能感兴趣的文章
天猫高管全面解读大快消2018新零售打法
查看>>
idea springboot热部署无效问题
查看>>
第八章 进程间通信
查看>>
HttpSession接口中的方法(Jsp中的session类的用法)
查看>>
「镁客早报」AI可预测心脏病人死亡时间;机器人开始在美国送外卖
查看>>
MoQ(基于.net3.5,c#3.0的mock框架)简单介绍
查看>>
物联网全面升级,十年内推动工业进入智能化新阶段
查看>>
spring-通过ListFactory注入List
查看>>
一种基于SDR实现的被动GSM嗅探
查看>>
阿里云ECS每天一件事D1:配置SSH
查看>>
SQL Server 性能调优(性能基线)
查看>>
uva 10801 - Lift Hopping(最短路Dijkstra)
查看>>
[Java Web]servlet/filter/listener/interceptor区别与联系
查看>>
POJ 2312Battle City(BFS-priority_queue 或者是建图spfa)
查看>>
从零开始学MVC3——创建项目
查看>>
CentOS 7 巨大变动之 firewalld 取代 iptables
查看>>
延时任务和定时任务
查看>>
linux下的权限问题
查看>>
教你如何使用Flutter和原生App混合开发
查看>>
Spring Boot 整合redis
查看>>