qq_45770253的博客

现在我在src/css/style.css文件中，设置全局的图片：/* 设置一张背景图片 */body { background: url('../img/image.jpg');}在index.js文件中引入该css文件：// 导入 css 文件import './css/style.css'来看webpack.config.js的配置：// 导入 path 的 resolve 模块，进行路径拼接const { resolve } = require('path'..

通过 webpack 打包后，会生成一个 dist 目录，里面有一个 main.js 文件，打包后端所有代码，都会包放入到这个文件中，这里我简单解析一下该文件中的代码初始化项目：npm init -y创建 src 文件夹，index.js 文件，data.json 文件打包文件：webpack ./src/index.js --output-path ./dist --mode=development来看导出的文件 main.js 里面的代码：解析这里面代码的含义：整个代码是一个 .

webpack5配置babel先安装 babel-loader babel-loadernpm install -D babel-loader @babel/core @babel/preset-env // 根据实际的版本去官网下载配置webpack.config.js文件module.exports = { mode: "development", entry: "./src/main.js", output: { path: path.resolve(__di

webpack 的基本使用1. 创建列表隔行变色项目① 新建项目空白目录，并运行 npm init –y 命令，初始化包管理配置文件 package.json{ "name": "webpack-study", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1