Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

postcss is no display chrome prefix #86

Closed
ynanzero opened this issue Dec 31, 2016 · 14 comments
Closed

postcss is no display chrome prefix #86

ynanzero opened this issue Dec 31, 2016 · 14 comments

Comments

@ynanzero
Copy link

<style type="text/css">
body{
  display: -ms-flexbox;
  display: flex;
}
</style>

and how can i change css to less, like component/home/index

import './style.less' //like this
export default {
}
@egoist
Copy link
Owner

egoist commented Dec 31, 2016

we're using last 2 versions as autoprefixer option, so that doesn't need a prefix for chrome?

and how can i change css to less, like component/home/index

add less loader in webpack.dev.js and extract-text-webpack-plugin in webpack.prod.js

@ynanzero
Copy link
Author

...... too late , but thank you

i find the answer from other places.

change like this browsers: ['last 5 versions', 'ie > 8'] , it work too

and change .less file , i just change test: /.css$/, to test: /.less$/, ,it work fine ,is that right ?

and i find out other issues , but i just forgot what problem, but i remember how to fixed that

update to webpack version "webpack": "2.2.0-rc.1" to "webpack": "2.2.0-rc.2"

@ynanzero
Copy link
Author

ok ..! now i have new error ,
can you gave a example for .less load ?

@egoist
Copy link
Owner

egoist commented Dec 31, 2016

check out 01af2df I've added this

@egoist egoist closed this as completed Dec 31, 2016
@ynanzero
Copy link
Author

but now is not prefix

<style type="text/css">
body {
  display: flex;
}
</style>

@egoist
Copy link
Owner

egoist commented Dec 31, 2016

fixed 4647816 , we should add postcss-loader too

@ynanzero
Copy link
Author

webpack.prod.js:62 
 fallbackLoader: 'style-loader'

@egoist
Copy link
Owner

egoist commented Dec 31, 2016

my bad, fixed

@ynanzero
Copy link
Author

 loader: [_.cssLoader].concat(loaders,
                fallbackLoader: 'style-loader'
})

my ide gave me error

@ynanzero
Copy link
Author

\webpack.prod.js:62
                fallbackLoader: 'style-loader')
                ^^^^^^^^^^^^^^
SyntaxError: missing ) after argument list
    at Object.exports.runInThisContext 

@ynanzero
Copy link
Author

ynanzero commented Dec 31, 2016

i just download you new package , but less stll not work ,

with npm run dev
error:
This dependency was not found in node_modules:
*./style.less

with npm run build
error
Module not found: Error: Can't resolve 'less-loader' in 'D:\example

@egoist
Copy link
Owner

egoist commented Dec 31, 2016

install less-loader first

@ynanzero
Copy link
Author

哈哈,thank you very much ! you are the best!

@ynanzero
Copy link
Author

whoops ! is has new problem ,

ERROR in ./~/less-loader/index.js
Module not found: Error: Can't resolve 'fs' in 'D:\example\node_modules\less-loader'
 @ ./~/less-loader/index.js 9:9-22
 @ multi vendor

>But the strange thing is npm run build success. the css file it package what i want

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants