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') }, module: { rules: [ // loader的配置 { test: /\.css$/, // 多個loader用use use: ['style-loader', 'css-loader'] }, { test: /\.js$/, // 排除node_modules下的js文件 exclude: /node_modules/, // 只檢查 src 下的js文件 include: resolve(__dirname, 'src'), // 優先執行 enforce: 'pre', // 延后執行 // enforce: 'post', // 單個loader用loader loader: 'eslint-loader', options: {} }, { // 以下配置只會生效一個 oneOf: [] } ] }, 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)); ```