1. 程式人生 > >bundle is not defined 手動搭建項目架構(一)

bundle is not defined 手動搭建項目架構(一)

web ons filename conf node con dir alt 所在

bundle is not defined 報錯,即找不到 bundle.js,filename: ‘bundle.js‘,//輸出的文件名(將其所依賴的js打包成bundle.js)

創建的webpack.config.js文件

bundle.js要用引號引起來技術分享圖片

//以js文件作為入口文件 相對路徑保證文件的正確性 //在package.json中加入一個build腳本,指定config文件,調用項目內部的webpack const path = require(‘path‘) //path是node.js的基本包,用來處理路徑的 module.exports = { // 聲明入口文件dirname代表文件目錄所在的地址, //path.join是將文件與後面的文件路徑src/index.js拼接起來 //形成絕對路徑,以保證訪問路徑的正確性 entry: path.join(__dirname,‘src/index.js‘), //出口文件 output: { filename: ‘bundle.js‘,//輸出的文件名(將其所依賴的js打包成bundle.js) path: path.join(__dirname,‘dist‘)//輸出文件的絕對路徑 }, //來處理.vue文件 module:{ rules:[ { test:/.vue$/,//正則以.vue結尾的文件 loader:‘vue-loader‘//使用vue-loader } ] } }

bundle is not defined 手動搭建項目架構(一)