[Vuejs]-Vue.js + Foundation + Webpack configuration

by

2👍

✅

The foundation CSS is not loaded because there’s no CSS loader applied on it 

import '../node_modules/foundation-sites/dist/foundation.css'.

Instead you need something like this

require("!style!css!sass!../node_modules/foundation-sites/dist/foundation.css");
👤highFlyingSmurfs

0👍

@flyingSmurfs :
I saw the project was generated using vue-cli. so the css-loader had been installed.
loaders: utils.cssLoaders() will configure css-loader in webpack.

@userlkjsflkdsvm :
import 'xxx.css' should be put into <script>..</script> or *.js.
I recommend to put the sentence in main.js (the entry js file of your project).
I saw you import css in <style>...</style> section. It is wrong.

👤Tody.Lu

Leave a comment