webpack.config.js ``` const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/index.js', output: { // 文件名稱（指定名稱+目錄） filename: 'js/[name].js', // 輸出文件目錄（將來所有資源輸出的公共目錄） path: resolve(__dirname, 'build'), // 所有資源引入公共路徑前綴 --> 'imgs/a.jpg' --> '/imgs/a.jpg' publicPath: '/', chunkFilename: 'js/[name]_chunk.js', // 非入口chunk的名稱 // library: '[name]', // 整個庫向外暴露的變量名 // libraryTarget: 'window' // 變量名添加到哪個上 browser // libraryTarget: 'global' // 變量名添加到哪個上 node // libraryTarget: 'commonjs' }, plugins: [new HtmlWebpackPlugin()], mode: 'development' }; ``` src/add.js ``` function add(x, y) { return x + y; } export default add; ``` src/count.js ``` function count(x, y) { return x - y; } export default count; ``` src/index.js ``` import count from './count'; console.log('index.js文件加載了~'); import('./add').then(({ default: add }) => { console.log(add(1, 2)); }); console.log(count(3, 2)); ```