如何通过 NPM 将小滑块添加到 laravel/mix？

Question

根据the official doc，我安装了：

npm install tiny-slider

然后将其添加到resources/js/app.js

import { tns } from "./../../node_modules/tiny-slider/src/tiny-slider";

我也试过了

import { tns } from "tiny-slider/src/tiny-slider";

他们没有工作！

---

通过反复试验，我在resources/scss/app.scss中手动添加CSS文件

@import './../../node_modules/tiny-slider/dist/tiny-slider.css';

在resources/js/app.js

import { tns } from 'tiny-slider/src/tiny-slider'; 
window.tns = tns;
require('./../../node_modules/tiny-slider/dist/tiny-slider.js');

好的，它有效。但我认为这很不寻常。 另外，它两次导入了js文件。

有人可以纠正我的错误吗？

Answer 1

这对我有用。在资源/js/app.js中

import { tns } from "tiny-slider/src/tiny-slider"
window.tns = tns;

然后像你一样使用它。