小编Tim*_*age的帖子

我想知道，未使用的导入是否会影响您的 Angular 应用程序性能，或者导入是否真的在使用时进行了？换句话说，我想知道是否应该添加 tslint 规则来检测并删除项目中未使用的导入。

我在测试 REST 请求时遇到问题。在我的应用程序中，我有一个拦截器，可以在允许请求之前检查令牌有效性。然而，对于我的集成测试，我想绕过检查。换句话说，我想要么分流拦截器，要么模拟它始终返回 true。

这是我的简化代码：

@Component
public class RequestInterceptor implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
            throws Exception {
        String token = request.getHeader("Authorization");
        if (token != null) {
            return true;
        } else {
            return false;
        }
    }
}


@Configuration
public class RequestInterceptorAppConfig implements WebMvcConfigurer {
    @Autowired
    RequestInterceptor requestInterceptor;

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
       registry.addInterceptor(requestInterceptor).addPathPatterns("/**");
    }

}

和测试：

@SpringBootTest(classes = AppjhipsterApp.class)
@AutoConfigureMockMvc
@WithMockUser
public class DocumentResourceIT {

    @Autowired
    private DocumentRepository documentRepository;

    @Autowired
    private MockMvc restDocumentMockMvc; …

我在我的项目中使用 Tailwind，我想创建使用 Tailwind 现有类的类。例如，我的按钮目前看起来像这样：

<button class="text-light-blue bg-white rounded-full border-solid border-2 border-light-blue py-1 px-4 box-border shadow hover:bg-blue-700 hover:text-white hover:border-blue-700">
       Button
</button>

正如你所看到的，我使用了很多类，我想要这样的东西：

<button class="app-btn"> Button </button>

和

@import '/node_modules/tailwindcss/utilities.css';

.app-btn { 
   @extend .text-light-blue;
   @extend .bg-white;
   ...
}

但是当我尝试这样做时，出现以下错误：

SassError: ".app-btn" failed to @extend ".bg-white".
       The selector ".bg-white" was not found.
       Use "@extend .bg-white !optional" if the extend should be able to fail.
        on line 4 of src/assets/styles/app-shared-style.scss

有没有办法实现我想要做的事情？谢谢