如何在 Laravel Mix 中正确安装节点包？

Question

我已经清楚 Laravel 5.7 安装，我需要安装 izimodal 包

所以我已经安装了npm install izimodal。

对于下一步，我在 /resources/js/bootstrap.js 中初始化了这个包，例如：

import iziModal from 'izimodal/js/iziModal';
$.fn.iziModal = iziModal;

和运行npm run dev编译app.js

在这个阶段，包已成功导入并正常工作，但我缺少 izimodal 的 CSS 部分...如何使用 CSS 正确初始化此包？我已经在我的 webpack.mix.js 中尝试过此代码，但它不起作用：

mix.copy('node_modules/izimodal/css/iziModal.css', 'resources/css');

mix.styles([
    'resources/css/reset.css',
    'resources/css/style.css'
    ], 'public/css/app.css');

Answer 1

已解决。刚刚添加到我的 app.scss

// npm-package
@import "~izimodal/css/iziModal.css";
// Custom CSS
@import "../css/reset.css";
@import "../css/style.css";

如何在 Laravel Mix 中正确安装节点包？

How to install node package in Laravel Mix correctly?

laravel

webpack

laravel-mix