Ionic 2.0.0-beta.24如何在不使用ionic.config.js的情况下导入node_module css文件

时间:2016-04-07 14:30:30

标签: css typescript sass leaflet ionic2

我正在尝试使用离子2.0.0-beta.24和小册子0.7.7设置基本的离子2小叶应用程序。使用

启动默认项目后
ionic start test --v2 --ts

如果您打开ionic.config.js文件,则会看到消息

Ionic CLI is no longer responsible for building your web assets, and now
relies on gulp hooks instead. This file was used for exposing web build
configuration and is no longer necessary.
If this file is executed when running ionic commands, then an update to the
CLI is needed.

If your version of the Ionic CLI is beta.21 or greater, you can delete this file.

在旧版本的ionic 2中,您可以将要包含在此文件中的目录放在这样的文件中:

sass: {
  src: ['app/theme/app.+(ios|md).scss'],
  dest: 'www/build/css',
  include: [
    'node_modules/ionic-framework',
    'node_modules/ionicons/dist/scss',
    'node_modules/leaflet/dist'
  ]
},

现在我猜这不是一个选项,所以我如何引入我需要的css样式表,因为@import "leaflet";中的app.core.scss错误,因为找不到文件夹。< / p>

非常感谢任何帮助。我可以使用Leaflet js库,因为我做了。

npm install --save leaflet
typings install --ambient --save leaflet

地图正在加载而没有问题,但是图块被加扰,这是未加载css表的标志。如果我在其中放入样式表链接没有问题,但我宁愿不必依赖CDN。

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" /> 

感谢。

1 个答案:

答案 0 :(得分:2)

因此,只需发布​​此问题,就可以开始跟踪ionic gulp sass-build task的文档。

他们提供的例子是一个很大的帮助。如果我更新了第55行的默认ReadOnlyCollection<IWebElement> list = driver.FindElements(By.XPath("")); 代码:

 IList<IWebElement> list = driver.FindElements(By.XPath("")); 

gulpfile.js

它解决了我的问题。我还需要在需要传单css的页面中调用gulp.task('sass', buildSass);