18模块化配置

js中的模块化实现

1. 在dist目录下新建一个jspang.js文件

   • 声明一个jspang方法，用module.exports暴露出去

   function jspang(){
       alert('jspang.com:'+'webpack');
   }
   module.exports=jspang;

2. 在entry.js里面，并使用

   import jspang from './jspang.js';
   jspang();

   上述未js的模块化处理，下面是webpack模块化处理，过程相似

webpack模块

• 该例子是把webpack.config.js里面的入口文件进行模块化处理
  
  

  1. 在根目录新建一个webpack_config的文件夹，然后新建entry_webpack.js文件
     entry_webpack.js：

     //声明entry变量
     const entry ={};  
     //声明路径属性
     entry.path={
         entry:'./src/entry.js'  
     }
     //进行模块化
     module.exports =entry;

  2. 在webpack.config.js里面引入，且这里的引用只能用require方法

     const entry = require(“./webpack_config/entry_webpack.js”)

  3. 在入口部分修改如下代码：

     entry:entry.path,

4.可以用npm run dev进行测试，打包未报错即模块化成功