![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
BonnieYY
做人,一定要有梦想
展开
-
Webpack经典题目 --- 精髓
1、webpack与grunt、gulp的不同?webpack是模块打包器,grunt是任务运行工具,gulp是流式任务运行工具webpack通过entry入口,识别模块依赖列表,通过loaders转换器转换模块,通过plugins监听,最后输出打包文件。grunt和gulp通过run()转换文件。grunt未处理完的放.tmp/,两者处理完的放dest(本地磁盘)。2、与w...原创 2020-04-23 09:42:32 · 433 阅读 · 0 评论 -
配一个webpack项目 -- 实践
npm install webpack webpack-cli -g 全局安装webpack index.js -o output.js 打包 默认是production模式 一行代码webpack index.js -o output_file.js --mode development 配置模式 多行代码新建src,将index.js,hello_module.js移入执行webpac...原创 2020-03-09 17:59:54 · 140 阅读 · 0 评论 -
webpack4.0之升级实战
npm install vue-cli -g安装vue-cli后,vue命令使用不了打开环境变量,在用户变量的path添加安装的路径。在系统变量添加一个vue,路径是安装的路径。成功!!!参考:https://blog.csdn.net/SilenceJude/article/details/85808528vue init webpack bbb 创建bbb的vue项目npm ...原创 2020-03-08 22:43:53 · 312 阅读 · 0 评论 -
Webpack学习笔记
为什么要使用构建工具?转换ES6语法(浏览器的兼容)转换JSXcss前缀补全/预处理器压缩混淆图片压缩webpack的脚本const path = require('path')module.exports = { mode: 'production', entry: './src/index.js', output: { filename: 'bundle.js',...原创 2020-03-04 16:22:48 · 326 阅读 · 0 评论 -
Vue-loader+webpack项目配置
1、新建文件夹2、命令行输入npm initnpm i webpack vue vue-loadernpm i css-loader style-loader vue-template-compilersrc 源码原创 2019-03-04 09:41:06 · 587 阅读 · 1 评论 -
npm(yarn): There appears to be trouble with your network connection.
问题:代理出现问题解决:删除代理 yarn config delete proxynpm config rm proxynpm config rm https-proxy原文:https://stackoverflow.com/questions/43061045/yarn-install-cause-trouble-with-network-connection...转载 2019-03-04 11:18:33 · 2034 阅读 · 0 评论