Webpack学习
学习
过客尘烟
这个作者很懒,什么都没留下…
展开
-
webpack-提取css单独文件和css兼容性
提取css单独文件 下载插件 npm install --save-dev mini-css-extract-plugin 配置文件:webpack.config.js const HtmlWebpackPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-plugin') const { resolve }=require('path') module.exports={原创 2022-01-25 18:13:20 · 99 阅读 · 0 评论 -
02-webpack打包样式文件
在实际开发中我们要避免二次请求静态资源,避免浪费。所以,要学会使用webpack打包样式文件 (1)首先初始化 package.json 输入指令: npm init 下载并安装 webpack 输入指令: npm install webpack webpack-cli -g npm install webpack webpack-cli -D (2)下载安装 loader 包 npm i css-loader style-loader less-loader less -D 在终端输出 webpac原创 2022-01-25 11:18:27 · 1106 阅读 · 0 评论 -
01-webpack简介和基本使用
1.1 webpack 是什么 webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。 在 webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理。 它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。 1.2 webpack 五个核心概念 1.2.1 Entry 入口(Entry)指示 webpack 以哪个文件为入口起点开始打包,分析构建内部依赖图。 1.2.2 Output 输出(Out原创 2022-01-25 11:07:22 · 79 阅读 · 0 评论