前言
刚开始学习San，对webpack不熟悉，配置San的环境过程有点艰难，难得出来，还是记录下！
过程
首先，在新建项目文件夹下打开命令行，首先安装webpack（注意：文件名要符合命名规则）
npm init -y (若对package.json中的内容进行设置，也可以使用npm init进行初始化)
npm install --save-dev webpacknpm instal ?--save-dev webpack-cli
执行完上述命令后会，在项目文件夹中新建两个文件夹./src和./dist，分别用于存放index.js文件和index.html文件，此时的目录为
--dist---index.html--src---index.js--node_modules--package-lock.json--package.json
webpack需要有入口文件，为‘./src/index.js‘文件，在项目文件中新建该文件夹，有了入口文件，需要将其打包输出
npx webpack(在node为8.0以上的版本使用)
安装完成后在./dist的文件中就生成了一个名为bundle.js的文件，除此之外，值得一提的是，在项目中，由于js和样式会频繁修改，可以使用自动刷新功能帮助实现，安装指令
npm install webpack-dev-server --save-dev
安装后修改package.json中script的内容
“script”: { ???"start": "webpack-dev-server --mode development", ???"build": "webpack --mode production"}webpack --mode development (webpack --mode production)
可以选择以上任意一种方式进行打包，具体的差别参考https://webpack.js.org/concepts/mode/
将./src/index.js打包输出到./dist/main.js
关于webpack.config.js文件，可以自己去配置
此外，webpack还支持通过loader引入任何类型的文件
npm install --save-dev style-loader css-loader -g
若需要使用babel-loader转换js代码，还需要安装babel-loader
npm install --save-dev babel-loader babel-core
未完待续...
Webpack 配置安装San的
原文地址：https://www.cnblogs.com/alicsu/p/9102605.html