我打算使用 webpack
而不是 gulp
。我正在使用 MEAN 堆栈,我正在使用 AngularJs
作为前端。
我的webpack.config.js
:
const path = require('path');
module.exports = {
mode: 'development',
entry: './public/js/controllers.js',
output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
},
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
devServer: {
port: 3000,
open: true,
proxy: {
'/': 'http://localhost:8080',
},
},
};
在此配置中,我仅捆绑 controller.js
,但我需要捆绑公共(public)目录中的整个文件夹,这可能吗?
最佳答案
假设您有两个不同的 js
文件(controller1.js
、controller2.js
),您希望将它们包含在 index 中.html
。
你的 webpack.config.js
将有 entry
作为 -
条目:['./public/js/controller1.js', './public/js/controller2.js']
webpack
可以很好地处理这两个 Controller 。
关于javascript - 如何添加完整的公共(public)目录以捆绑 Webpack 中的所有文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50328449/