- 博客(6)
- 收藏
- 关注
RSS订阅原创 webpack基础入门06
此刻你就能看见多个html文件了，但是又出来一个新的问题，新的问题就是 你src目录下的所有js文件都会在每一个页面中自动引入了，但是有时候我又的页面不需要引用个别的js啊，那我得再配置一下，此刻就出来了一个叫chunks的属性。第六步：此时你会在dist目录下看见你打包的html文件啦，但是打开代码发现没有div标签 原因是没有指定模板页面template 这时你可以在这里新增一行这个代码，就有div标签了。包括：打包优化，资源管理，注入环境变量。此刻就是你的页面跟你的js文件都是各取所需的状态了。
2024-04-12 12:58:33
150
原创 webpack基础入门04
概念：loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效 模块。在 webpack 的配置中 loader 有两个属性：一个是test 另一个是use。cnpm install style-loader css-loader -s 即可。我们目前只引入了css文件 所以我们需要把rules里的test改成这种格式的。第二步：index.js里引入.css文件(可以使用import)这节课让我们一起了解loader的概念吧。第一步：创建一个.css文件。
2024-04-11 16:22:27
166
1
原创 webpack基础入门03
这是再运行webpack命令 我们就能看到a.js b.js c.js d.js 全部合并到duo.js里了。此时我们已经对入口出口有了初步了解了。接下来我们一起学习如果多个js文件时怎么办呢？这时打包文件夹里 a.js b.js c.js d.js都是单独打包了。有什么问题可在评论区里查漏补缺哦！咱们一起学习进步吧！如果不想合并 也可以这样写。我们可以这样设置entry。
2024-04-11 15:19:29
153
原创 webpack基础入门02
原因是：我们已经知道webpack是打包js文件的。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。默认值是 ./src/index.js，但你可以通过在 webpack configuration 中配置 entry 属性，来指定一个（或多个）不同的入口起点。文档里写到webpack有几个核心概念，分别是：入口，出口，loader，插件，模式，浏览器兼容性这6个模块。接着把这图里的代码粘过去把entry里面的地址改成./src/index.js就可以啦。
2024-04-11 14:40:39
488
原创 webpack基础入门01
其次概念问题得webpack是做什么的，我用简单的话概述就是：webpack是一个js应用程序的静态文件打包工具🛠。第二步：该文件夹里再创建一个src目录 该目录下再创建一个 index.js文件 （/src/index.js）命令：cnpm install webpack wepack-cli-s。第三步：在根文件夹里用git运行以下命令下载webpack.此时你会在根目录下看见一个dist文件 里面就是打包后的文件啦。第四步：运行webpack 命令进行打包。命令：webpack。
2024-04-11 14:04:49
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人