环境

有几个容易出错的地方，记录一下

1、path引入是const path = require('path) 如果需要使用import path from 'path' 需要使用webpack插件

2、node 导出接口是使用 module.exports 而不是 export default

3、引入loader的test 不需要加引号 /\.css$/

npm init -y：-y就是yes的意思，在init的时候直接略过所有问答，全部采用默认答案，生成的默认的package.json

package.json-scripts里面定义执行webpack.config.js的命令"build": "webpack"即可，默认就会执行根目录下面的webpack.config.js，但如果我们换名字了或者不放在根目录下就可以添加后面部分来自定义执行文件，即

"build": "webpack --config webpack.config.js"

use 配置中 先执行后边的 在执行前边的

webpack的loader是从右向左执行的，解析css文件时，先执行css-loader再执行style-loader。

loader顺序不能颠倒，只有通过css-loader处理css后才能通过style-loader生成<style></style>标签。

• css-loader：加载.css文件

• style-loader：使用<style>将css-loader内部样式注入到我们的HTML页面

22222222

nide -v 

查看 node　版本信息

7767767676799999

123123213213