-
--display-modules
显示打包的模块
同时显示了通过什么loader处理的文件：./~/css-loader!./style.css 就像require('css-loader!./style.css')
查看全部 -
--progress 可以看到打包过程的进度条 54% 3/4 build modules
查看全部 -
不用对每个引入的css文件添加loader：require('style-loader!css-loader!<cssfile>')，而是直接引用文件 require(<cssfile>)
在命令行绑定loader，使用--module-bind 'css=style-css!css-loader!'
查看全部 -
require('style-loader!css-loader!./style.css')
css-loader 帮助webpack处理css文件
style-loader 在html的head中创建一个style标签，将css-loader处理后的文件插入
当html引入打包后的文件(hello.bundle.js)，代码执行，然后写的css style被插入到head标签中（先运行打包js才能插入css）
查看全部 -
在html调用对应的js
查看全部 -
webpack4.2可以注入div的代码。
webpack4貌似过滤了使用dom.innerHtml这个方法来注入标签。如果想要完成老师的实验可以按照我说的做。
首先npm i jquery，安装jquery。
然后app.js文件里边，像这样写
import './css/common.css'; import layer from './components/layer/layer'; import $ from 'jquery'; const App = function() { let $dom = $('#app'); let ly = layer(); $dom.html(ly.tpl); } new App();然后运行webpack，就可以插入div了。大家可以试试看
查看全部 -
这一节的那个importLoaders: 1
不是很懂.看了一下文档，指的是css-loader处理之前，需要几个loader来处理
查看全部 -
url路径和base64的差异： url能够缓存 base64的值一旦生成，其他地方用到时也会用该值，会造成冗余。查看全部
-
当文件或图片小于限定的大小时，url-loader 会将URL转为base64位的格式，不在是url地址了。查看全部
-
url-loader,当文件或图片的大小于限定的大小时，将交于file-loader处理。查看全部
-
输出文件大小的优化， module.loaders include 和 exclude查看全部
-
webpack升级到4了，如果执行webpack hello.js hello.bundle.js会报错，说 ``` The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. ``` 如果要在webpack4 解决这个问题，使用npm install webpack-cli命令 然后使用 ./node_modules/.bin/webpack-cli hello.js -o hello.bundle.js 就可以完成本课这里的这个内容 但是这样的hello.bundle.js是production模式的，如果需要像视频中这样显示漂亮可读的js ./node_modules/.bin/webpack-cli hello.js -o hello.bundle.js --mode development 执行上边的这个命令就可以了查看全部
-
pluguin下配置，1，生成html的名称构成，2，生成的模板html的路径查看全部
-
loader的定义和loader的特性查看全部
举报
0/150
提交
取消