-
- qq_兜兜_15 2023-03-23
css- loader style-loader 处理css html文件
- 0赞 · 0采集
-
- gyl_lucy 2022-03-13
css-loader作用是识别.css的文件
style-loader的作用 在文件中新建style标签，插入到文件中header标签中
自动打包更新命令
webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch
能看到自动打包的进程
webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --progress
看打包的模块的话
webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --progress --display-modules --display-reasons
- 0赞 · 0采集
-
- ciicjsb 2022-03-05
npm install webpack
- 0赞 · 0采集
-
- ciicjsb 2022-03-05
111111111111
- 0赞 · 0采集
-
- Schuck哦 2021-09-05
webpack安装：
cd/imooc
新建文件夹 mkdir webpack-test
cd webpack-test
初始化 npm npm init
安装 webpack npm install webpack --save-dev
（--save：dependencies运行时依赖；--save-dev：devDependencies是开发时的依赖）
webpack天生是不支持css类型的，因此处理css文件需要依赖loader 安装 loader npm install css-loader style-loader --save-dev require('style-loader!css-loader!./style.css')
命令行指定 webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch(参数：自动更新和打包)
- 0赞 · 0采集
-
- weixin_慕哥5420807 2021-07-20
webpack模块打包工具
- 0赞 · 0采集
-
- gsl003 2021-05-28
安装与卸载：
删除本地（局部）webpack-cli
npm uninstall webpack-cli
删除全局webpack
npm uninstall -g webpack
删除本地webpack
npm un webpack
安装webpack：
1、创建一个新的本地项目目录名为webpack-demo
mkdir webpack-demo
2、进入目录
cd webpack-demo
3、创建package.json文件
npm init -y
4、安装webpack
# 要安装最新版本或特定版本，请运行以下命令之一：
# 第一个安装方式默认安装最新版本
npm install --save-dev webpack
# 第二个安装方式是安装你需要的版本
npm install --save-dev webpack@
5、安装webpack-cli
npm install --save-dev webpack-cli
# 不要忘记webpack4.+开始webpack-cli是必备的哦
6、检查webpack是否安装成功
node_modules/.bin/webpack -v
# 执行了这个命令以后会输出一个版本号
# 因为webpack在不断更新所以我们的版本号会有点区别，不是什么问题
测试打包：
#前面是打包文件的名称，后面的是打包后的名称
webpack hellow.js hello.bundle.js
- 0赞 · 0采集
-
- 慕莱坞7063763 2021-02-21
webpack命令参数：
webpack XX.js XX.bundle.js --module-bind 'css=style-loader!css-loader' --watch
--module-bind ：替代require('style-loader!css-loader!./XX.css')
--watch：文件改变自动重新打包
--progress：显示打包进度
--display-modules：打包完毕后显示引用的全部模块
--display-reasons：打包后显示打包各个模块的原因
- 0赞 · 0采集
-
- 慕莱坞7063763 2021-02-21
webpack不支持css打包，需要配合loader才能使用
安装：npm install css-loader style-loader --save-dev
js中css文件依赖：require('style-loader!css-loader!./XX.css')
style-loader：使依赖的css文件样式生效
css-loader：使webpack有能力打包css文件
也可使用webpack命令实现：webpack XX.js XX.bundle.js --module-bind 'css=style-loader!css-loader'
- 0赞 · 0采集
-
- 慕莱坞7063763 2021-02-21
安装webpack：npm init，npm install webpack --save-dev
打包文件：webpack XX.js XX.bundle.js
js文件依赖：require('./XX.js')
- 0赞 · 0采集
-
- skyver 2020-11-29
命令行指定loader处理css文件
-
截图0赞 · 0采集
-
- jasondaunmu 2020-06-30
2020-06-30 00:22
- 0赞 · 0采集
-
- 慕粉6407827 2020-05-11
第一：
webpack如何在命令行中安装：
第一步全局安装： cnpm install -g webpack@1.13.2 ( 最新版本坑 ，所以安装了老师视频里的版本)
第二步项目安装：cnpm install --save-dev webpack@1.13.2（同上）
第二：
学习直接在命令行中使用webpack对一个js文件进行打包
第三：
学习如何在js文件中引用css，并且使得css在html中生效（使用了 style-loader!css-loader!.style.css），其中css-loader是使得webpack可以处理.css文件，style-loader 是把处理完的文件，新建一个<style></style>标签，插入到<head></head>中
第四：
学习了webpack的高级参数，优化打包
- 0赞 · 1采集
-
- 慕粉6407827 2020-05-11
--watch 自动更新
--progress 看到打包过程的进度
--display-modules 列出打包的各模块
- 0赞 · 0采集
-
- 慕粉6407827 2020-05-11
webpack hello.js hello.bundle.js --module-bind css=style-loader!css-loader
不用加引号，不然报错
- 0赞 · 0采集
-
- qq_加油君_1 2020-02-21
这一节中用到的命令行在webpack4下稍有不同
webpack hello.js -o helo.d.js --mode=development --module-bind css=style-loader!css-loader
第一 生成目标文件前要加 -o
第二 需要指定mode
第三 module-bind 后面不需要加引号
- 1赞 · 0采集
-
- 香樟路flutter 2020-02-09
- Webpack，必须学习的
-
截图0赞 · 0采集
-
- 雪豹1993 2020-01-21
//加载 CSS npm install --save-dev style-loader css-loader npm run build 参考网址：https://www.webpackjs.com/guides/asset-management/
- 0赞 · 0采集
-
- 雪豹1993 2020-01-21
npm init -y npm install webpack webpack-cli --save-dev npx webpack 参考网址：https://www.webpackjs.com/guides/getting-started/
- 0赞 · 0采集
-
- 大手碎脑 2019-11-27
css-loader使得webpack可以识别css文件
style-loader可以把生成 一个style标签并把css样式插入进style标签里面
- 1赞 · 0采集
-
- pinzaghi 2019-10-26
webpack命令
webpack hello.js hello.bundle.js
-
截图0赞 · 0采集
-
- qq_remember_26 2019-09-23
引用style-loader!css-loader!处理style文件及css样式
- 2赞 · 0采集
-
- qq_remember_26 2019-09-23
引用css-loader加载css
- 0赞 · 0采集
-
- qq_remember_26 2019-09-20
require()css文件，style类型的文件
- 0赞 · 0采集
-
- qq_remember_26 2019-09-20
打包命令：webpack 打包前名称.后缀 打包后名称.后缀
- 0赞 · 0采集
-
- JodenHe 2019-08-10
webpack hello.js -o hello.bundle.js --mode='development'
-
截图0赞 · 0采集
-
- qq_初代_千手柱间 2019-06-30
--watch 启动热编译
-
截图0赞 · 0采集
-
- qq_初代_千手柱间 2019-06-30
命令行绑定 css-loader 与 style-loader
-
截图0赞 · 0采集
-
- qq_初代_千手柱间 2019-06-30
css-loader使得能处理css文件，真正起作用的是style-loader把内容填充到html的style标签里
-
截图0赞 · 1采集
-
- qq_初代_千手柱间 2019-06-30
css-loader。。。的处理
-
截图0赞 · 0采集
