自动将js / css文件添加到离子项目中

时间:2016-06-07 11:45:57

标签: angularjs ionic-framework automation bower gulp-inject

我想自动将新的js / css文件注入我的离子项目。所以,我找到了this really useful article,它显示了如何使用 gulp inject 进行操作,但只使用我自己的js / css文件( js / css文件夹中的那些 )。

如果我现在使用bower安装另一个外部库,例如:

public VenuesViewHolder(View v) {
        super(v);
        context = v.getContext();
        cv = (CardView) itemView.findViewById(R.id.cv);
        venues_picture = (ImageView)   itemView.findViewById(R.id.match_picture);
        card_title_txt = (TextView) itemView.findViewById(R.id.card_title_txt);
        location_qs = (TextView) itemView.findViewById(R.id.location_qs);
        v.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int pos = getAdapterPosition();
                if (pos == 0) {
                    context.startActivity(new Intent(context, MapDetails.class));
                } else if (pos == 1) {
                    context.startActivity(new Intent(context, MapDetailsTwo.class));
                } else if (pos == 2) {
                    context.startActivity(new Intent(context, MapDetails.class));
                }
            }
        });
    }

该库不会自动注入,因为它安装在lib文件夹中,位于js文件夹之外,因为它是来自外部供应商的库。

我猜我应该有另一个gulp任务来最小化安装了bower的外部库,并将它们放入js文件夹以使它们可注入。我是对的吗?

1 个答案:

答案 0 :(得分:1)

是的,你是对的。
引用你的文章:

  

您可以使用gulp执行所有类型的附加功能,例如缩小css和javascript文件,运行npm / bower命令或运行sass编译命令。 gulp-inject只是一个模块。

您可以使用main-bower-files之类的模块来检索这些文件,并随意使用它们 您还可以查看this answer以获得起点。