随笔分类 -  webpack学习

摘要:概念 webpack的四个核心概念: entry :入口,webpack执行构建的第一步将从Entry开始,即一个可执行模块或者库的入口。 output :输出 Loader : 模块转换器,用于把模块原内容按照需求转换成新内容。例如把es6转为es5,scss转为css等 Plugin :扩展插件 阅读全文
posted @ 2020-10-24 22:05 kami233 阅读(85) 评论(0) 推荐(0)
摘要:webpack-dev-server 实时让浏览器刷新显示修改后的代码运行结果,避免每次都要npm run build 安装 npm install webpack-dev-server --save-dev 配置 devServer:{ contentBase: path.join(__dirna 阅读全文
posted @ 2020-10-11 09:01 kami233 阅读(63) 评论(0) 推荐(0)
摘要:BannerPlugin webpack自带插件,用于为打包文件添加版权声明 在webpack.config.js中 引用webpack const webpack = require('webpack') 使用插件 new webpack.BannerPlugin('最终版权归kami所有') 进 阅读全文
posted @ 2020-10-11 08:59 kami233 阅读(103) 评论(0) 推荐(0)
摘要:由于正在学习的教学视频中使用的webpack是旧版本,使用出现了许多问题,在此简单记录一下 在旧版本 webpack 中,将 index.js 文件打包成 bundle.js 文件使用的是如下命令(webpack 入口文件 出口文件): webpack ./src/index.js ./dist/b 阅读全文
posted @ 2020-09-18 21:05 kami233 阅读(123) 评论(0) 推荐(0)