使用我的第一个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变体的各种路径组合而没有用。
提前致谢!
答案 0 :(得分:0)
这与Webpack无关。 Webpack将捆绑您导入的文件。查看文档here
Webpack不会处理"./assets/canvas/rs-plugin/include/js"
。当文档在浏览器中准备好时,将执行此代码。把它放在一个可以通过http访问的文件夹中,它应该正确加载。
关于TweenLite
错误:您似乎正在使用&#39; https://www.npmjs.com/package/gsap&#39;。因此,请通过npm
安装它以使其可供webpack解析。