【问题标题】:How to run wepback with projects in subdirectories?如何使用子目录中的项目运行 webpack?
【发布时间】:2017-05-15 18:48:19
【问题描述】:

我有一个包含此文件的子目录subdir

// subdir/local.js
document.body.textContent = 'hello from subdir/local.js'

和本地webpack.config.js:

// 子目录/webpack.config.js 常量 { 创建配置, 入口点, setOutput } = 要求('@webpack-blocks/webpack') const devServer = require('@webpack-blocks/dev-server') module.exports = createConfig([ 入口点('。'), setOutput('./bundle.js'), 开发服务器(), ])

相同的配置在根目录中工作。但是,在本地运行

webpack local.js

导致错误:

多主错误 找不到模块:错误:无法解析“文件”或“目录”。在 /Users/dmitrizaitsev/Dropbox/Sandbox/webpack-blocks-test/subdir @多主

如何修复该错误并使用子目录中的项目运行 webpack?

【问题讨论】:

    标签: javascript node.js webpack config resolve


    【解决方案1】:

    虽然 webpack 对 module resolution 使用了节点 require 的扩展版本,但默认不会解析 local.js。我假设如果您要将 local.js 重命名为 index.js,这将起作用。否则,您可以将入口点设置为./index.js./index

    【讨论】:

    • 谢谢,它仅适用于在 webpack.config.jsindex.jsindex.jslocal.js)中配置的 entry 在本地工作,但在从 CLI 传递文件时不起作用。理想情况下,我希望根目录中只有一个配置文件,这样我就可以在任何子目录中本地使用它。
    • 您可以通过设置/更改context 属性来做到这一点
    猜你喜欢
    • 1970-01-01
    • 2017-09-23
    • 1970-01-01
    • 2017-10-28
    • 2022-01-24
    • 2018-10-15
    • 1970-01-01
    • 1970-01-01
    • 2019-03-18
    相关资源
    最近更新 更多