Snowpack 配置仅从 package.json 构建模块

Posted

技术标签:

【中文标题】Snowpack 配置仅从 package.json 构建模块【英文标题】:Snowpack config only build modules from package.json 【发布时间】:2022-01-14 10:41:02 【问题描述】:

我是 Snowpack 的新手(以及一般的前端构建工具),但我正在寻找一种解决方案来在我的客户端 javascript 中使用我的 Node 模块(使用 ESM 语法),以及将我的模块捆绑到 Snowpack 中的想法单独的 JS 文件吸引了我。这是我的文件结构:

/node_modules
/assets
  /css
  /js
  /img
  /lib
/views

*.config.js
package.json

我对 Snowpacks 能够仅构建我个人安装的 Node 模块(我的 package.json 中的内容)以在浏览器中使用感兴趣,而无需理会我的应用程序的其余部分。我希望 Snowpack 将我的文件放在 /assets/lib 目录中,但是我尝试的任何配置都无法成功。 Snowpack 获取我的整个项目文件夹,构建它找到的任何模块,并将其全部放在我的 /assets/lib 目录中。由于我对 Snowpacks 配置的了解有限,我将其创建为我的 snowpack.config.js 文件:

module.exports = 
  buildOptions: 
    out: './assets/lib',
    baseUrl: './'
  ,
;

如果在 Snowpack 方面比我有更多经验的人可以帮助我解决我在这里做错的事情,我们将不胜感激!

【问题讨论】:

【参考方案1】:

如果您在 snowpack.config.js 中设置根文件夹,它只会将该文件夹的内容构建到 buildOptions 中指定的 out 文件夹。

module.exports = 
    root: './assets/lib',
    buildOptions: 
        out: './assets/dist'
    ,
;

【讨论】:

以上是关于Snowpack 配置仅从 package.json 构建模块的主要内容,如果未能解决你的问题,请参考以下文章

Snowpack - 将 scss 导入 tsx

强制 Snowpack 构建到一个文件中

package.json的所有配置项及其用法,你都熟悉么

VUE配置项结构

Snowpack 和 postcss 导入?

Snowpack 的多个入口点