前言

提示：以下是本篇文章正文内容，下面案例可供参考

一、externals

忽悠jQuery库，意思为打包的时候不打包jQuery库文件，那么jQuery就不能使用了，但是可以用个引入网络jQuery的方式引入jQuery

   externals: {// 拒绝jQuery被打包进来jquery: 'jQuery'}

二、Dll

对代码单独的打包
使用dll技术，对某些库（第三方库：jquery、react、vue…）进行单独打包
当你运行 webpack 时，默认查找 webpack.config.js 配置文件
需求：需要运行 webpack.dll.js 文件
–> webpack --config webpack.dll.js

 const { resolve } = require('path');const webpack = require('webpack');module.exports = {entry: {// 最终打包生成的[name] --> jquery// ['jquery'] --> 要打包的库是jqueryjquery: ['jquery'],},output: {filename: '[name].js',path: resolve(__dirname, 'dll'),library: '[name]_[hash]' // 打包的库里面向外暴露出去的内容叫什么名字},plugins: [// 打包生成一个 manifest.json --> 提供和jquery映射new webpack.DllPlugin({name: '[name]_[hash]', // 映射库的暴露的内容名称path: resolve(__dirname, 'dll/manifest.json') // 输出文件路径})],mode: 'production'};

webpack-config.js文件

 const webpack = require('webpack');const AddAssetHtmlWebpackPlugin = require('add-asset-html-webpack-plugin');module.exports = {entry: './src/index.js',output: {filename: 'built.js',path: resolve(__dirname, 'build')},plugins: [new HtmlWebpackPlugin({template: './src/index.html'}),// 告诉webpack哪些库不参与打包，同时使用时的名称也得变~new webpack.DllReferencePlugin({manifest: resolve(__dirname, 'dll/manifest.json')}),// 将某个文件打包输出去，并在html中自动引入该资源new AddAssetHtmlWebpackPlugin({filepath: resolve(__dirname, 'dll/jquery.js')})],mode: 'production'};

externals、Dll相关推荐

Activex、OLE、COM、OCX、DLL之间区别、联系
转自:http://baike.baidu.com/view/393671.htm 概述 .ocx是ocx控件的扩展名,与.exe .dll同属于PE文件.下面说说什么是ocx控件! OCX 是对象类 ...
dll的概念、dll导出类（转）
1. DLL的概念 DLL(Dynamic Linkable Library),动态链接库,可以向程序提供一些函数.变量或类.这些可以直接拿来使用. 静态链接库与动态链接库的区别: (1)静态链接库与 ...
C++中.lib静态库、.dll动态库的生成及调用2
关于动.静态库的介绍及静态库的生成及调用参见:C++中.lib静态库..dll动态库的生成及调用<1>,本文主要介绍基于VS2015平台的动态库dll的生成及调用方法. 一.动态库的生成 ...
C++中.lib静态库、.dll动态库的生成及调用1
一.前言 1.动态链接库(dll)与静态链接库(lib): 动态链接库(dll)是一个可以被其他应用程序共享的程序模块,其中封装了一些可以被共享的例程和资源.在链接步骤中,连接器将从库文件取得所需的代 ...
.OCX、.dll文件注册命令Regsvr32的使用
1.打开文件,打开需要注册的OCX文件或dll文件, 2.然后根据需要进行OCX文件或DLL文件的注册和反注册 DLL.OCX注册方法--文件Regsvr32用法及情况介绍使用过activex的人都 ...
使用ILmerge合并Exe、Dll文件的帮助类
http://blog.csdn.net/pukuimin1226/article/details/7841741 using System; using System.Collections.Gen ...
.net Reactor之exe、dll文件混淆
.net Reactor之exe.dll文件混淆 .net Reactor的主要功能: 1.是对dll文件.exe文件进行反编译混淆 2.对dll进行内部加锁,限制其使用的固定机器.固定时间.部署次数 ...
.dll、.lib、.dll.a 的区别
我们已 ffmpeg 的动态链接库为例,描述一下这三个文件的作用: 目录整体结构: 分析 bin 目录: ffmpeg.ffplay.ffprobe 之所以这么小,是因为他们运行的时候会调用 .dll ...
dumpbin查看lib、dll库中函数
利用VS工具中的dumpbin.exe可以查看lib.dll中的函数,查了的命令如下: 本电脑安装的VS2017,dumpbin.exe的路径在D:\Program Files (x86)\Micro ...

externals、Dll

文章目录

前言

一、externals

二、Dll

externals、Dll相关推荐

最新文章

热门文章