webpack学习笔记（1）

在某平台学的webpack课，给我绕的不行，草草了事开个新的视频课看着，并且划拉着中文文档和相关书籍复习一遍~

1.准备好js、html和webpack.config.js配置文件在根文件夹中，webpack.config.js配置如下：

const path= require ('path'); 

module.exports = { 

//JavaScript 执行入口文件

entry:'./main.js', 

output:{ 

//将所有依赖的模块合并输出到一个 bundle. js 文件

filename:’bundle.js’, 

//将输出文件都放到 dist 目录下

path: path.resolve(dirname,'. /dst'）,

} 

};

2.安装！

npm i -D //npm install --save-dev的缩写，指安装模块并保存到 package.json的devDependencies
npm i -D webpack//安装最新的稳定版
npm -D webpack@<version>//安装指定版本
npm -D webpack@beta//安装最新的体验版本
npm i -g webpack//安装到全局，但容易冲突，推荐安装到项目

或者更简单的，直接搭建环境（一键完成安装webpack和依赖等）

npm install @babel/core @babel/preset-env babel-loader clean-webpack-plugin core-js html-webpack-plugin ts-loader typescript webpack webpack-cli webpack-dev-server less less-loader css-loader style-loader postcss postcss-loader postcss-preset-env -D