使用webpack 2 / jQuery主题中的相对路径

时间:2017-07-17 09:32:37

标签: jquery canvas webpack

使用我的第一个webpack设置似乎无法解决此问题。

在主app.js入口点,特定文件夹(jsFileLocation变量)的路径找不到公共目录中的文件夹:

<mdCheckbox>

在我们的公共目录中:

var tpj=jQuery;
tpj(document).ready(function() {
    var apiRevoSlider = tpj('.tp-banner').show().revolution({
         sliderType:"standard",
         jsFileLocation: "./assets/canvas/rs-plugin/include/js",
         sliderLayout:"fullscreen",
...

app.js文件中的所有其他导入都可以正常运行。这会导致jQuery滑块损坏,如下所示:

和控制台错误:

和源面板,它不显示/ includes文件夹:

我错过了什么?我尝试了jsFileLocation变体的各种路径组合而没有用。

提前致谢!

1 个答案:

答案 0 :(得分:0)

这与Webpack无关。 Webpack将捆绑您导入的文件。查看文档here

Webpack不会处理"./assets/canvas/rs-plugin/include/js"。当文档在浏览器中准备好时,将执行此代码。把它放在一个可以通过http访问的文件夹中,它应该正确加载。

关于TweenLite错误:您似乎正在使用&#39; https://www.npmjs.com/package/gsap&#39;。因此,请通过npm安装它以使其可供webpack解析。