Requiring CSS causes error in default vue-webpack template. Importing them does not.

First of all, thank you for this amazing port. I’m not a native chinese speaker so I had to clear the default issue template. 😃

This is the error I get when I try to import vue-quill as it is:

ERROR in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-quill-editor/src/editor.vue
Module not found: Error: Can't resolve 'style-loader' in '/Users/mario/project'
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./~/vue-quill-editor/src/editor.vue 9:0-36
 @ ./~/vue-quill-editor/src/editor.vue
 @ ./~/vue-quill-editor/index.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

I’ve noticed you used require to import the default CSS styles for quill (editor.vue lines 9-11). At the bottom of the editor.vue file there seems to be a <style> attribute already, so what I did is I just imported all of the default quill styles using the default css @import method instead of using require. Now I’m curious – why did you use require in the first place? Is importing them wrong?

In any case, it works for me so If you want I can make a pull request with the above mentioned changes?

Thanks!

[ashitvora-zz]

How did you fix it?

[mariojankovic]

Please read my first comment:

installing the missing style-loader or rather replacing it with vue-style-loader in my webpack.config file