You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@weex.apache.org by "Tuqire hussain (JIRA)" <ji...@apache.org> on 2018/03/20 17:52:00 UTC

[jira] [Updated] (WEEX-255) importing `sass` file into `js` does not register styles

     [ 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:

 
{{{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?


> 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)