[
https://issues.apache.org/jira/browse/WEEX-255?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Tuqire hussain updated WEEX-255:
--------------------------------
Description:
h3. *Overview*
In our app, we are currently using `tachyons` for our CSS
([http://tachyons.io/).] I was hoping to import tachyons directly into
`entry.js` so they could be used within all components, but this isn't working.
Even though the app compiles and runs when I run `yarn dev`, the css has not
been registered. Code is below:
{{{code:javascript}}}
import '../node_modules/tachyons/css/tachyons.min.css'
import store from './store'
import '@/helpers/atom-components'
import router from './router'
import App from './index'
new Vue(Vue.util.extend(\{ el: '#root', store, router }, App))
router.push('/')
/* global Vue */
/* eslint-disable no-new */
// new Vue(Vue.util.extend(\{ el: '#root', router }, App))
{{/code}}
Can someone help with this please?
was:
h3. *Overview*
In our app, we are currently using `tachyons` for our CSS
([http://tachyons.io/).] I was hoping to import tachyons directly into
`entry.js` so they could be used within all components, but this isn't working.
Even though the app compiles and runs when I run `yarn dev`, the css has not
been registered. Code is below:
```
import '../node_modules/tachyons/css/tachyons.min.css'
import store from './store'
import '@/helpers/atom-components'
import router from './router'
import App from './index'
new Vue(Vue.util.extend(\{ el: '#root', store, router }, App))
router.push('/')
/* global Vue */
/* eslint-disable no-new */
// new Vue(Vue.util.extend(\{ el: '#root', router }, App))
```
Can someone help with this please?
> importing `sass` file into `js` does not register styles
> --------------------------------------------------------
>
> Key: WEEX-255
> URL: https://issues.apache.org/jira/browse/WEEX-255
> Project: Weex
> Issue Type: Bug
> Environment: Weex: v1.2.9
> - weexpack : v1.1.6
> - weex-builder : v0.3.14
> - weex-previewer : v1.4.6
> Env: web
> Reporter: Tuqire hussain
> Assignee: Adam Feng
> Priority: Major
>
> h3. *Overview*
> In our app, we are currently using `tachyons` for our CSS
> ([http://tachyons.io/).] I was hoping to import tachyons directly into
> `entry.js` so they could be used within all components, but this isn't
> working. Even though the app compiles and runs when I run `yarn dev`, the css
> has not been registered. Code is below:
>
> {{{code:javascript}}}
> import '../node_modules/tachyons/css/tachyons.min.css'
> import store from './store'
> import '@/helpers/atom-components'
> import router from './router'
> import App from './index'
> new Vue(Vue.util.extend(\{ el: '#root', store, router }, App))
> router.push('/')
> /* global Vue */
> /* eslint-disable no-new */
> // new Vue(Vue.util.extend(\{ el: '#root', router }, App))
> {{/code}}
> Can someone help with this please?
--
This message was sent by Atlassian JIRA
(v7.6.3#76005)
