webpack
文章平均质量分 52
°PJ想做前端攻城狮
始终相信不能更进一步不是因为困难,而是畏惧困难的自己。所以想做前端攻城狮的PJ正在将键盘敲烂的路上,一直敲
展开
-
webpack-Plugin(插件)的使用
plugin是什么?plugin是插件的意思,通常是用于对某个现有的架构进行扩展。webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等。loader和plugin区别loader主要用于转换某些类型的模块,它是一个转换器。plugin是插件,它是对webpack本身的扩展,是一个扩展器。plugin的使用过程:步骤一:通过npm安装需要使用的plugins(某些webpack已经内置的插件不需要安装)步骤二:在webpack.config原创 2021-04-01 15:17:25 · 1058 阅读 · 0 评论 -
webpack-图片文件处理
资源准备阶段示例1.安装依赖npm install --save-dev url-loadernpm install --save-dev file-loader2.配置webpack.config.js//导入path模块const path = require('path');module.exports = { entry: './src/main.js', output: { //path是通过node模块的path.resolve函数拿到,第一个参数是内置原创 2021-04-01 13:20:19 · 742 阅读 · 0 评论 -
webpack-less文件的处理
官方文档传送门继续在官方中查找,我们会找到less-loader相关的使用说明首先,还是需要安装对应的loader注意:我们这里还安装了less,因为webpack会使用less对less文件进行编译npm install --save-dev less less-loader其次,修改对应的配置文件添加一个rules选项,用于处理.less文件使用对象(Object)的形式传递 options 给 Less。module.exports = { module.原创 2021-03-30 00:55:31 · 856 阅读 · 0 评论 -
webpack中使用的css文件的配置
什么是loader?webpack关于loader的文档https://webpack.docschina.org/loaders/#stylingCSS文件处理准备工作开始打包css-loader作用:·载 CSS 文件并解析 import 的 CSS 文件,最终返回 CSS 代码npm install --save-dev css-loaderstyle-loader作用:将模块导出的内容作为样式并添加到 DOM 中...原创 2021-03-30 00:37:01 · 523 阅读 · 0 评论 -
webpack基本使用
什么是Webpack?什么是webpack?这个webpack还真不是一两句话可以说清楚的。我们先看看官方的解释:At its core, webpack is a static module bundler for modern JavaScript applications.从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具。但是它是什么呢?用概念解释概念,还是不清晰。我们从两个点来解释上面这句话:模块 和 打包前端模块化和gr原创 2021-03-30 00:05:40 · 819 阅读 · 0 评论