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

Question

根据官方文档，我安装了它:

npm install tiny-slider

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

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

also I tried

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

它们不起作用!

---

通过尝试和错误，我手动添加CSS文件在resources/scss/app.scss

@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;

然后像u那样使用它。