2016-09-06 2 views
2

Webpack + Semantic UI을 사용하려고하는데 성공하지 못했습니다. 내가 시도 ... 내 index.js에서 모듈을 찾을 수 없음 : 오류 : 'semantic-ui-css'모듈을 해결할 수 없습니다.

  • npm i semantic-ui-css
    1. .. import semantic from 'semantic-ui-css'
    2. 내가 구성을 추가 내 webpack.config.js

      resolve: { 
           alias: {'semantic-ui': path.join(__dirname, "node_modules", "semantic-ui-css", semantic.min.js") 
      } 
      

    로하지만 buid 할 때 .. 에러 ...

    전체3210

    ERROR in ./src/index.js Module not found: Error: Cannot resolve module 'sematic-ui-css' in /Users/ridermansb/Projects/boilerplate-projects/vue/src @ ./src/index.js 15:20-45

    source here

  • +0

    코드를 번역하고 있습니까? 이걸로 바벨 로더를 사용해 봤어? 라이브러리의 별명을 지정하는 대신 별칭을 제거하고 webpack에서 자동으로 파일을로드하도록 라이브러리를 직접 지정할 수 있습니다. –

    답변

    0

    당신이해야 할 모든 :

    CSS : import 'semantic-ui-css/semantic.css';

    JS : import 'semantic-ui-css/semantic.js';

    이 웹팩 내 문제를 해결하고 반응한다.