How to add Semantic-ui to Webpack with vue-cli

yesterday, im have a problem with semantic ui js to import in webpack with vue-cli.

but now that problem is resolved. im just share how do im solve this problem.

import semantic from 'semantic' // error

i try again.

import semantic from 'semantic-ui' // error again

hmm, webpack does not recognize semantic.

but im try this

import semantic from 'semantic-ui/dist/semantic.js' // yes, it works!

if i’m wrong, please comment. thanks!

[krisanalfa]

For me, I use semantic-ui-css package and add:

require('semantic-ui-css/semantic.css')
require('semantic-ui-css/semantic.js')

In my main.js file.

[krisanalfa]

Of course before you requiring ui-css, you can:

window.$ = window.jQuery = require('jquery')

require('semantic-ui-css/semantic.css')
require('semantic-ui-css/semantic.js')