added react-slick alias in webpack for examples

ant-design · Jan 19, 2024 · bb355c2 · bb355c2
1 parent 76b833f
commit bb355c2
Show file tree

Hide file tree

Showing 30 changed files with 34 additions and 30 deletions.
diff --git a/examples/AdaptiveHeight.js b/examples/AdaptiveHeight.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AdaptiveHeight() {
   const settings = {

diff --git a/examples/AppendDots.js b/examples/AppendDots.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AppendDots() {
   const settings = {

diff --git a/examples/AsNavFor.js b/examples/AsNavFor.js
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AsNavFor(props) {
   const [nav1, setNav1] = useState(null);

diff --git a/examples/AutoPlay.js b/examples/AutoPlay.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AutoPlay() {
   const settings = {

diff --git a/examples/AutoPlayMethods.js b/examples/AutoPlayMethods.js
@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function AutoPlayMethods(props) {
   let sliderRef = useRef(null);

diff --git a/examples/CenterMode.js b/examples/CenterMode.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function CenterMode() {
   const settings = {

diff --git a/examples/CustomArrows.js b/examples/CustomArrows.js
@@ -1,7 +1,8 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SampleNextArrow(props) {
+  console.log(props);
   const { className, style, onClick } = props;
   return (
     <div

diff --git a/examples/CustomPaging.js b/examples/CustomPaging.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function CustomPaging() {

diff --git a/examples/CustomSlides.js b/examples/CustomSlides.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function CustomSlide(props) {
   const { index, ...otherProps } = props;

diff --git a/examples/DynamicSlides.js b/examples/DynamicSlides.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function DynamicSlides(props) {
   const [slides, setSlides] = useState([1, 2, 3, 4, 5, 6]);

diff --git a/examples/Fade.js b/examples/Fade.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function Fade() {

diff --git a/examples/FocusOnSelect.js b/examples/FocusOnSelect.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function FocusOnSelect() {
   const settings = {

diff --git a/examples/LazyLoad.js b/examples/LazyLoad.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function LazyLoad() {

diff --git a/examples/MultipleItems.js b/examples/MultipleItems.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function MultipleItems() {
   const settings = {

diff --git a/examples/MultipleRows.js b/examples/MultipleRows.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function MultipleRows() {
   const settings = {

diff --git a/examples/PauseOnHover.js b/examples/PauseOnHover.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function PauseOnHover() {
   var settings = {

diff --git a/examples/PreviousNextMethods.js b/examples/PreviousNextMethods.js
@@ -1,5 +1,5 @@
 import React, { useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function PreviousNextMethods(props) {
   let sliderRef = useRef(null);

diff --git a/examples/Resizable.js b/examples/Resizable.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function Resizable() {
   const [display, setDisplay] = useState(true);

diff --git a/examples/Responsive.js b/examples/Responsive.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function Responsive() {
   var settings = {

diff --git a/examples/Rtl.js b/examples/Rtl.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function Rtl() {
   const settings = {

diff --git a/examples/SimpleSlider.js b/examples/SimpleSlider.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SimpleSlider(props) {
   const settings = {

diff --git a/examples/SlickGoTo.js b/examples/SlickGoTo.js
@@ -1,5 +1,5 @@
 import React, { useState, useRef } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 import { baseUrl } from "./config";
 
 function SlickGoTo(props) {

diff --git a/examples/SlideChangeHooks.js b/examples/SlideChangeHooks.js
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SlideChangeHooks() {
   const [oldSlide, setOldSlide] = useState(0);

diff --git a/examples/SwipeToSlide.js b/examples/SwipeToSlide.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function SwipeToSlide() {
   const settings = {

diff --git a/examples/UnevenSetsFinite.js b/examples/UnevenSetsFinite.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function UnevenSetsFinite() {
   var settings = {

diff --git a/examples/UnevenSetsInfinite.js b/examples/UnevenSetsInfinite.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function UnevenSetsInfinite() {
   var settings = {

diff --git a/examples/VariableWidth.js b/examples/VariableWidth.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function VariableWidth() {
   const settings = {

diff --git a/examples/VerticalMode.js b/examples/VerticalMode.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function VerticalMode() {
   const settings = {

diff --git a/examples/VerticalSwipeToSlide.js b/examples/VerticalSwipeToSlide.js
@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import Slider from "../src/slider";
+import Slider from "react-slick";
 
 function VerticalSwipeToSlide() {
   const settings = {

diff --git a/webpack.config.js b/webpack.config.js
@@ -27,7 +27,10 @@ module.exports = {
     ]
   },
   resolve: {
-    extensions: [".js", ".jsx"]
+    extensions: [".js", ".jsx"],
+    alias: {
+      "react-slick": path.resolve(__dirname, "src/index.js")
+    }
   },
   plugins: [new webpack.IgnorePlugin(/vertx/)],
   devServer: {