使用requirejs优化器缩小到单个javascript和单个css
我正在编写jQuery插件并使用requirejs,以使我的插件模块化并更易于编码。 该插件也有自己的css文件。现在,我想合并并缩小所有js文件和css文件。我正在使用r.js来实现它。下面是build.js配置文件,它知道如何将js文件连接并缩小为一个文件:使用requirejs优化器缩小到单个javascript和单个css,javascript,css,requirejs,r.js,Javascript,Css,Requirejs,R.js,我正在编写jQuery插件并使用requirejs,以使我的插件模块化并更易于编码。 该插件也有自己的css文件。现在,我想合并并缩小所有js文件和css文件。我正在使用r.js来实现它。下面是build.js配置文件,它知道如何将js文件连接并缩小为一个文件: ({ baseUrl: 'js/plugin', optimize: 'none', // none, uglify or uglify2 wrap: true, name: '../vendor/alm
({
baseUrl: 'js/plugin',
optimize: 'none', // none, uglify or uglify2
wrap: true,
name: '../vendor/almond',
include: 'main',
out: '../dist/jquery.my-plugin.min.js'
})
如何添加一个选项来缩小css文件?我看到了cssIn选项,但是我在哪里告诉r.js输出名称是什么?我需要使用模块吗?如果是,如何?
r.js
在项目目录中找到的所有.css
文件中自动内联@import url(…)链接的内容(从而将多个文件连接到一个主样式表中)
但是,在当前的构建配置中,仅指定了baseUrl
,r.js
甚至不知道CSS文件夹(它大概位于中的某个位置。/../style/
相对于js/plugin/
)。
您必须将appDir
和dir
属性添加到buildconfig文件(在中详细解释了这两个属性),并将项目根目录(即appDir
)设置为包含JS和CSS文件夹的目录
请注意,如文档中所述,添加appDir
需要将baseUrl
的值更改为相对于appDir
的值---