Liferay 如何加入自定义的js库文件

 在Liferay中，如果我们要让服务器上使用自己的js库（比如ext-js库）而不是使用默认的aui库，可以按照下面的步骤做：

 

（1）放置库文件

我们到$liferay_home/tomcat-7.0.23/webapps/ROOT/html/js 目录下建一个目录叫extjs，然后把ext-all.js复制进去。

(2) 在$liferay_home目录下创建portal-ext.properties ，然后从portal-impl.jar 包中的portal.properties中吧javascript.barebone.files 这个属性以及所有的文件集合复制进去。然后在文件集合的第一行添加我们要包含的ext-js库文件：如下所示：

javascript.barebone.files=\
\
        #
        # ext-js
        #
        \
        extjs/ext-all.js,\
        \
        #
        # YUI core
        #
        \
        aui/yui/yui.js,\
        \
        #
        # YUI modules
        #
        \
        aui/anim-base/anim-base.js,\
        aui/anim-color/anim-color.js,\

...(都是从portal.properties中复制过来的）

我们要添加的部分见我用黄色highlight的部分，就是加载我们需要的库文件。

(3)在$liferay_home/portal-ext.properties中，我们把

javascript.fast.load设为false,这样做的好处是不会产生被yuicompressor压缩后的单独js文件(barebone.jsp或者everything.jsp)，而是显示所有没有被压缩过的文件：

javascript.fast.load=false

 

大功告成，现在我们打开浏览器，访问主页，打开F12,在资源视图中就可以看到我们需要的ext-all.js被正确的加载进来了：