sunnysideup/sswebpack_engine_only

完全无主题的 Silverstripe Webpack 引擎。您可以使用它与您构建的任何主题/模块一起使用。您甚至可以在不使用 SilverStripe 的情况下使用它。

维护者

详细信息

github.com/sunnysideup/silverstripe-sswebpack_engine_only

来源

问题

安装数: 2,515

依赖者: 18

建议者: 1

安全性: 0

星级: 3

关注者: 5

分支: 1

开放问题: 1

语言:Shell

类型:silverstripe-theme

14.4.0 2024-09-11 08:36 UTC

Suggests

BSD-3-Clause e987c677df4f9df651b20f59ac71120f1338e787

  • Nicolaas Francken <modules.woop@sunnysideup.co.nz>

cmssilverstripefront-end frameworkwebpackSilverstripe-CMSwebpack themesilverstripe webpackblank theme

This package is auto-updated.

Last update: 2024-09-11 08:37:08 UTC

README

此 webpack 安装允许您编译任何项目/供应商包。

它使用symphony encore 来使其更高效！

安装

  • 将其安装到主题文件夹中，名称为 sswebpack_engine_only（Composer 应该会自动完成此操作）

  • 确保您使用的是最新版本的 node 和 npm（您可以使用 nvm 来完成此操作）。

  • 在模块的根目录中运行 npm install

  • 查看 examples-from-root-of-project 文件夹以获取您需要创建的文件。

  • 使用 composer，按照常规方式在公共资源文件夹中公开 dist 文件夹。

  • 浏览到此模块的根目录并使用以下命令

用法

npm run MY_COMMAND --theme_dir=themes/mytheme`

或者

npm run MY_COMMAND --theme_dir=vendor/myvendor/mypackage/client`

其中 MY_COMMAND 可以是

  • dev（调试）,
  • watch（开发）或
  • build（为生产做准备）。

值得了解

所需结构

  • 您的主题名称可以是任何名称。我们使用 mytheme 作为示例名称。您也可以在供应商包中使用此 webpack。

  • main.js 和 style.scss 显示您如何包含来自其他部分的 JS 和 CSS。

  • 为最终输出添加 themes/mytheme/dist 文件夹。

  • 添加 themes/mytheme/my_node_modules/ 以包含其他模块（在文件夹内使用 package.json 文件）。您还可以通过在 mytheme/src 中添加 package.json 文件将 node 模块包含在 mytheme/src 中，例如在 mytheme/src 文件夹中运行 npm init -y && npm install。

jQuery

  • jQuery 已经被别名化，这样您就可以在任何地方使用 jQuery 而无需导入它。

  • jQuery 也可以添加到全局命名空间： window.jQuery = jquery（未测试）。

编辑文件

  • 还有一个选项可以包含一个编辑文件，这样您就可以将其添加到您的 TinyMCE HTML 编辑器中。运行监视/构建命令，您将看到可用的配置。

包括构建文件

以下是如何有效地包含文件的方法

  1. 使用 composer 添加 sunnysideup/webpack_requirements_backend:dev-master
  2. 查看其文档了解如何添加所需文件。