Webpack 支持所有符合 ES5 标准 的浏览器(不支持 IE8 及以下版本)。webpack 的 import() 和 require.ensure() 需要 Promise。如果你想要支持旧版本浏览器,在使用这些表达式之前,还需要 提前加载 polyfill
如果出于某些原因,需要根据特定情况使用不同的配置文件,则可以通过在命令行中使用 --config
标志修改。
package.json
“scripts”: {
“build”: “webpack --config prod.config.js”
}
打包的样式文件并不会在输出文件的目录下进行输出,而是暑促到了打包后的bundle.js文件中。
需要全局安装webpack和webpack-cli(webpack命令行工具),
然后再到该项目中局部安装 webpack和webpack-cli -----安装到开发环境即可。
8.1 webpack.config.js文件解说
lodader的配置
header:即为html文件中的header标签
less
htmlwebpackPlugin 插件
这里会自动将打包输出的bundle.js文件引入到配置文件中对应的html文件中。所以就不需要我们自动引入。
图片处理
通过引入HtmlWebpackPlugin
插件:
src目录下的index.html文件引入图片,src变成了object
解决办法;
b站学习网址:https://www.bilibili.com/medialist/play/ml1258509988/BV1u7411c7GX
看到第 6集
终端输入 …代表返回上一级目录
问题:一直报没有配置less的loader(因为我已经在webpack.config.js中配置了)后面发现官网上面有一种配置方法。如下。最后居然成功了。看来是程序找不到对应的包造成的。具体配置如下:
module.exports = {
module: {
rules: [
{
test: /.less$/i,
use: [
{
loader: ‘style-loader’,
},
{
loader: ‘css-loader’,
},
{
loader: ‘less-loader’,
options: {
lessOptions: {
paths: [resolve(__dirname, ‘node_modules’)],
},
},
},
],
},
],
},
};
作用:通过devserver可以对项目进行自动打包
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Java工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年最新Java开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Java)
何学起的朋友,同时减轻大家的负担。**
[外链图片转存中…(img-0rqEBLDI-1710845942315)]
[外链图片转存中…(img-QINt6WZ7-1710845942315)]
[外链图片转存中…(img-vny96yV8-1710845942316)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Java)
[外链图片转存中…(img-dskPapbe-1710845942316)]