(18/24) webpack實戰技巧：快速入門webpack模塊化配置

搞個小例子便於學習：

具體操做爲把上節中的webpack.config.js中的entry入口文件進行模塊化設置，單獨拿出來製做成一個模塊。

1.在根目錄新建一個config文件，而後新建webpack.entry.js文件，代碼以下：

webpack.entry.js：

//聲明entry變量
const entry ={};  
//聲明路徑屬性
entry.path={
    entry:'./src/entry.js'  
}
//進行模塊化
module.exports =entry;

 

2.entry模塊中的代碼寫無缺，改造咱們以前在webpack.config.js文件中入口文件引入方式。

（1）使用require（）將模塊代碼引入

const entry=require("./config/webpack.entry.js");

（2）而後在入口文件部分，修改爲以下代碼：

entry:entry.path,

 

3.測試引入是否成功

使用npm run dev 進行測試，結果爲成功打包，說明模塊化成功了。

 

此處只是簡單作了入口文件的模塊化，其他的操做方式相似。