webpack
骑上我心爱的小摩托
掉入程序员的前端
展开
-
使用yarn/npm配置resolutions按需下载版本依赖包
最近在修复项目代码漏洞时,要求对使用的依赖包进行版本升级,其中包括一些子依赖包要求升级到对应版本的问题其中关于antv/g2内携带的子依赖d3-color 当前版本为2.0.0,需升级到3.0.0一般思维,可能是直接升级d3-color,如终端执行yarn upgrade package@version,但是是不起作用的,它的最上层antv/g2为低版本,内部板顶d3-color为低版本,此时若需升级d3-color,可要么通过升级g2位最新版本来间接性升级子依赖包(事实证明,并非所有的依赖可.原创 2022-02-25 15:45:26 · 10885 阅读 · 3 评论 -
wepack一 建立初始化项目
1.具有node / npm环境,一般在安装node的同时即安装了npm控制管理 http://nodejs.cn/download/ 点击链接进行下载安装 安装完毕后进行测试node -vnpm -v2.创建项目文件夹,进入项目后执行命令后创建文件模版npm init3.此时项目文件夹内出现package.json配置文件 在项目中安装webpac...原创 2018-06-21 17:10:43 · 323 阅读 · 0 评论 -
wepack二 打包项目文件及配置
1.在前面webpack学习一的基础上继续进行学习 在之前是基础的文件,实际会出现多个js文件等/包括执行命令的复杂性2.在项目根目录下添加文件夹app / public 分别在app内添加入口文件 main.js 以及 Greeter.js//main.js const greeter = require('./Greeter.js');document.querySele...原创 2018-06-21 18:14:28 · 556 阅读 · 0 评论 -
wepack三 配置本地服务器以及实时刷新
使用webpack构建前端开发环境,可以直接使用webpack构建本地服务,实现页面保存自动刷新1.利用webpack搭建本地服务器,在前面的代码基础上继续学习 首先安装模块webpack-dev-servernpm install --save-dev webpack-dev-server2.修改配置文件webpack.json"scripts": { "server...原创 2018-06-22 14:13:08 · 426 阅读 · 0 评论 -
wepack四 引入加载css文件
在webpack项目中引入css样式 首先需要在终端安装css loadernpm install css-loader style-loader --save-dev2.在webpack.config.js中进行配置module:{ rules:[{ test:/\.css$/, use: ['style-loader', 'c...原创 2018-07-05 17:58:49 · 704 阅读 · 0 评论 -
webpack & gulp 打包html + jquery多页面项目
单页面应用框架如vue或者小程序等,建议使用webpack而纯html+jquery多页面多js代码,建议使用gulp试了很久多页面应用webpack来打包,最终放弃。原创 2019-04-09 09:53:15 · 2420 阅读 · 2 评论