23-webpack配置抽离单独文件

JS中的模块化实现

看下面的模块化代码

function fn() {
    console.log("123");
}

export default fn;

上面的代码是一个最简单的模块化写法，我们声明了一个fn方法，并且把这个方法用module.exports进行暴露出去。然后我们在入口文件中用进行引入，并进行使用。

webpack的模块化其实可以理解为就是node的模块化。具有commonjs规范的一切规范。

举例：

把webpack.config.js中的entry入口文件进行模块化设置，单独拿出来制作成一个模块。

首先在根目录，新建一个webpack_config文件夹，然后新建entry_webpack.js文件，代码如下：

// entry_webpack.js
module.exports = {
    path: "./src/entery.js",
}

配置的模块化代码编写好以后，需要在webpack.config.js中引入，注意这里的引入只能使用require的方法。

// 导入入口配置文件
const entry = require("./entry_webpack")

然后在入口文件部分，修改成如下代码：

  entry:entry.path

如此以来，就把webpack的配置单独拿出来配置了。这就是webpack的模块化，也可以理解为是Node的模块化。