ImportReplacePlugin

NativeScript webpack 插件，用于重写各种导入，添加 .ios 或 .android 平台后缀，以便在构建 NativeScript for Angular 应用时允许各种 Angular 组件、指令或管道进行正确的 AoT 编译。

安装

npm install nativescript-webpack-import-replace --save-dev

使用

在你的应用的 webpack.config.js 文件中，添加以下内容

function getPlugins(platform, env) {
    let plugins = [
      ...
      new ImportReplacePlugin({
          debug: true, // optional - outputs results
          platform: platform,
          files: [
              'slider.directive'
          ]
      }),
      ...

files 集合可以是一个导入文件名列表，你希望用目标平台后缀替换。该插件将找到导入并将其添加到适当的平台后缀，以便正确地 AoT 编译你的 NativeScript for Angular 应用。

这解决了什么问题？

当使用与 NativeScript for Angular 项目一起使用的 nativescript-dev-webpack 插件，并且你使用特定平台的组件、指令或管道时，你可能会遇到此类打包错误

ERROR：意外值 'CustomDirective in /path/to/YourApp/app/your-folders/custom.directive.d.ts' 由模块 'YourModule in /path/to/YourApp/app/your-folders/custom.module.ts' 声明。请添加 @Pipe/@Directive/@Component 注解。

在这种情况下，你可以将此插件添加到你的配置中，并指定要调整的导入文件名以解决问题。

了解为什么存在这个插件？

关于此插件的开发和创建原因将在 Packt Publishing 秋季 2017 年出版的一本即将推出的 "NativeScript for Angular" 书籍中详细介绍。

致谢

非常感谢 Stanimira Vlaeva 和 Alex Vakrilov。

许可

MIT