webpack
No1奔跑的蜗牛
这个作者很懒,什么都没留下…
展开
-
webpack插件
webpack插件本地服务:webpack-dev-serverhtml先关操作的插件:html-webpack-plugin原创 2019-02-28 17:16:45 · 365 阅读 · 0 评论 -
webpack01
webpack安装:cnpm i webpack webpack-cli -Dwebpack配置:打包工具 -> 输出结果(js模块)默认配置文件名字:webpack.config.js配置相关参数 -- mode配置模式 //例如:--mode development --config 路径 //例如:--config xx.webpack.js 配置文件路径 ...原创 2019-05-25 14:38:09 · 74 阅读 · 0 评论 -
devtool
source-map 生成一个SourceMap文件,源码映射 出错会报错当前的列和行.eval-source-map不会产生单独的文件、会报错行和列cheap-module-source-map 生成单独文件、不会产生列。cheap-module-eval-source-map 不会产生文件、不会产生列...原创 2019-05-25 15:42:53 · 122 阅读 · 0 评论 -
webpack1--基础
webpck运行方式golbal: webpack index.js //此方法调用全局webpack版本 **local: ** npx webpack index.js //此方法调用项目内的webpackscripts 中配置 scripts:{ "build":"webpack" //此方法调用项目内的webpack } npm run build //...原创 2019-06-09 14:45:34 · 124 阅读 · 0 评论 -
webpack2-loader
概念: loader是一个打包的方案 ,对于某一个特定文件该怎么处理file-loader 将某一文件移动到dist 返回文件名字1. 处理图片 rules:[ { test:/\.(png|jpg|svg)/, use:{ loader:"file-loader", options:{ name:'[name][has...原创 2019-06-09 15:26:09 · 142 阅读 · 0 评论 -
webpack3-plugins
plugins 可以在webpack运行到某个时刻的时候,帮你做一些事情htmlWebpackPlugin 打包结束后自动生成一个html、将打包后的文件引入new htmlWebpackPlugin({ template:'src/index.html'//指定模板 })cleanwebpackplugin 打包前先清除dist目录new cleanWebpackPlugin...原创 2019-06-09 15:30:47 · 145 阅读 · 0 评论 -
webpack4-SourceMap
sourcemap他是一个映射关系 在devtool配置source-mapinline-source-map 在main.js后边追加base64格式的代码cheap-source-map 只要行不要列、只管业务代码不管第三方cheap-module-source-map 加上第三方eval-source-map 性能快、不太全面常用:cheap-module-eval-sou...原创 2019-06-09 15:36:20 · 554 阅读 · 0 评论 -
webpack5-WebpackDevServer、hotModuleReplaceMent、TreeShaking、webpackMerge、codeSplitting、lazyload、全局变量
devServerdevServer: { // 这实现了与第一个示例相同的效果, // 如果新的子域名需要访问 dev server, // 则无需更新您的配置 allowedHosts: [ '.host.com', 'host2.com' ], before:(app)=>{ app.get('/some/p...原创 2019-06-09 16:08:35 · 408 阅读 · 0 评论