Webpack 配置信息
快速配置 webpack
mix.webpackConfig({} || cb);
当然,您可以自己手动配置 webpack.config.js
文件,在部分设置中,可以直接从 webpack.mix.js
文件中修改或覆盖默认设置。对于 Laravel 框架也是如此,默认情况下,webpack.config.js
在项目根目录中是不会生效的。
一个简单的例子,您可能希望添加模块到 webpack 的自动加载的自定义模块中。 在这种情况下,您有两个解决方案:
- 根据你的需求编辑
webpack.config.js
文件。 - 在
webpack.mix.js
文件中调用mix.webpackConfig()
文件并覆盖其默认值。 Mix 将会进行深度合并。
下面,举个例子,我们将为 Laravel Spark 添加自定义模块路径。
mix.webpackConfig({
resolve: {
modules: [
'node_modules',
path.resolve(__dirname, 'vendor/laravel/spark/resources/assets/js')
]
}
});
使用回调函数
您可以在使用回调函数时访问 webpack 及其所有属性。
mix.webpackConfig(webpack => {
return {
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
})
]
};
});
本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。
推荐文章: