Comments (6)
I used something old style...
in my scss files i wrote
[data-comp="home"]{
p {
coolor: red
}
}
and in my component's outer tag-
<div data-comp="home"></div>
Is this good ??
from vue-webpack-typescript.
Hi, thanks for the compliment :)
In terms of scoped styles, I have used CSS modules in a React app with PostCSS and Webpack. It should fit nicely and provide what is needed. It won't be the same style as *.vue
files but should have the same result.
There is a nice article on it here https://medium.com/@kswanie21/css-modules-sass-in-create-react-app-37c3152de9
Happy to investigate or leave it up to you to create a PR?
from vue-webpack-typescript.
Oh thanks, will look into it!
If I get a working implementation I'll make a PR for it.
from vue-webpack-typescript.
I have created a spike repo to show how it could work with this template - ducksoupdev/vue-webpack-typescript-css-modules@f4c57e6...a406361
If this is what you are looking for @joostblok I can add it to the template?
from vue-webpack-typescript.
See discussion at css-modules/css-modules#65.
The above repo is an implementation that contains two loader configurations for .scss
files. This is to explicitly separate CSS modules from global CSS files.
from vue-webpack-typescript.
Hi, I used ducksoupdev/vue-webpack-typescript-css-modules@f4c57e6...a406361
and it is successfully work,
but css stopped to reload properly,
it reloads, but it brings the old css instead of the new one,
what can I do to fix that?
from vue-webpack-typescript.
Related Issues (20)
- navbar contains data var object, what's the purpose? HOT 2
- Hot Replacement Not Working HOT 14
- Support for Font Awesome HOT 2
- 'npm run test' Path must be a string HOT 2
- 'npm run dev' fails on fresh install HOT 1
- Importing additionnal libraries HOT 1
- Sass hot reload don't seem to be working HOT 1
- How to include vue-meta to template? HOT 1
- support dynamic imports ? HOT 3
- Webpack configurations for NPM module bundle
- Single File Components HOT 3
- Single file components HOT 1
- feature suggestion: add storybook HOT 2
- css not minified HOT 8
- How about creating few services like LoginService HOT 3
- Need to include base tag in index.html
- Uglify-js is not included and is not es6-compatible
- Unable to exclude certain paths from webpack build
- DEV/PRO aware build setup HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-webpack-typescript.