Webpack 是一个流行的模块打包工具,它可以将你的应用程序的各种资源(如 JavaScript、CSS、图片等)打包成一个或多个优化过的文件,以便于浏览器加载。以下是创建一个基本的Webpack配置文件的步骤:
①:安装Webpack
首先,确保你已经安装了Node.js和npm。然后,在你的项目根目录下初始化一个新的npm项目,并安装Webpack及其CLI脚手架:
npm init -y
npm install webpack webpack-cli --save-dev
②:创建Webpack配置文件
在项目根目录下创建一个名为 webpack.config.js 的文件,这是Webpack读取配置的默认文件名。
③:编写基本配置
打开 webpack.config.js 文件,开始编写基本的配置。以下是一个简单的配置示例,用于处理js,图片,scg文件等:
// webpack.config.js
const path = require('path');
module.exports = {
mode: 'development', // 开发模式,还有'production'用于生产环境
entry: './src/index.js', // 打包入口文件
output: { // 输出
filename: 'bundle.js', // 打包后的文件名
path: path.resolve(__dirnam