laravel mix에서 npm 패키지 필요?

Question

나는이 질문을 인터넷에서 두 번 대답하는 것을 보았다. 그러나, 나는 그것을 작동시키지 않고있다. 네가 도울 수 있기를 바란다.

저는 Laravel Mix와 함께 Laravel 5.5를 사용하고 있습니다. 필자가 필요로하는 일부 js 파일을 수동으로 특정 디렉토리에로드하는 대신 npm을 통해 패키지를 설치하고 laravel mix에 필요합니다.

이 기능은 즉시 사용할 수있는 부트 스트랩과 함께 작동합니다. 나는 4.0.0 alpha6을 위해 3.3.7 버전을 바꿨다.

npm install bootstrap-v4-dev -D

그런 다음 resources/assets/js/bootstrap.js에 나는이

window._ = require('lodash'); 

/** 
* We'll load jQuery and the Bootstrap jQuery plugin which provides support 
* for JavaScript based Bootstrap features such as modals and tabs. This 
* code may be modified to fit the specific needs of your application. 
*/ 

try { 
    window.$ = window.jQuery = require('jquery'); 

    require('bootstrap-v4-dev'); 
} catch (e) {} 

처럼 보이게을 변경하고 그것을 작동합니다. npm run dev을 잘 실행할 수 있습니다. 이제, 다른 npm 패키지로 똑같은 일을하고 싶습니다. 그래서 나는이

{ 
    "private": true, 
    "scripts": { 
    "dev": "npm run development", 
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "watch-poll": "npm run watch -- --watch-poll", 
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 
    "prod": "npm run production", 
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 
    }, 
    "devDependencies": { 
    "axios": "^0.16.2", 
    "bootstrap-v4-dev": "^4.0.0-alpha.6", 
    "cross-env": "^5.0.1", 
    "jquery": "^3.1.1", 
    "laravel-mix": "^1.0", 
    "lodash": "^4.17.4", 
    "now-ui-kit": "^1.0.1", 
    "popper.js": "^1.11.1", 
    "vue": "^2.1.10" 
    }, 
    "dependencies": { 
    "now-ui-kit": "^1.0.1" 
    } 
} 

가 그런 다음 bootstrap.js 파일에, 나는 require('now-ui-kit');를 추가처럼 npm install now-ui-kit -D 내 package.json 지금 보이는,하지만 지금은 컴파일 할 때, 나는 다음과 같은 오류 얻을 :

ERROR in ./resources/assets/js/bootstrap.js 
Module not found: Error: Can't resolve 'now-ui-kit' in '/home/vagrant/code/user/resources/assets/js' 
@ ./resources/assets/js/bootstrap.js 15:0-21 
@ ./resources/assets/js/app.js 
@ multi ./resources/assets/js/app.js 

을

는 또한

아무것도 일하지, 난 정말 내가 잘못 것을 얻을하지 않습니다 .. 누군가가 도움을 줄 수 ... app.js에서 또는 webpack.mix.js에 require('now-ui-kit');을 배치하려고?

Answer 1

는 다음 코드

try { 
    window.$ = window.jQuery = require('jquery'); 

    require('bootstrap'); 
} catch (e) {} 

을 사용하여 명령을

npm install -D bootstrap@4.0.0-beta.3 

을 실행