Grunt package.json:如何将依赖项安装到公共子文件夹?



我的package.json文件看起来像这样:

{
"name": "xxxx",
"version": "1.0.0",
"private": true,
"devDependencies": {
"grunt": "^1.0.4",
"grunt-autoprefixer": "^3.0.4",
"grunt-contrib-cssmin": "^3.0.0",
"grunt-contrib-jshint": "~0.10.0",
"grunt-contrib-nodeunit": "~0.4.1",
"grunt-contrib-uglify": "~0.5.0",
"grunt-contrib-watch": "^1.1.0",
"grunt-package-modules": "^1.0.0",
"grunt-sass": "^3.1.0",
"node-sass": "^4.12.0"
},
"dependencies": {
"bootstrap": "^4.2.1",
"jquery": "^3.3.1",
"popper.js": "^1.14.6"
}
}

我有一个Gruntfile.js它执行某些任务,如文件监视,SASS编译,自动前缀,缩小,...

示例任务:

sass: { // sass tasks
dist: {
options: {
compass: true, // enable the combass lib, more on this later
style: 'expanded', // we don't want to compress it
implementation: sass,
sourceMap: true
},
files: {
'web/var/static/css/main.css': 'web/var/static/sass/main.scss' // this is our main scss file
}
}
},

我的node_modules文件夹位于项目根目录中。整个项目不是公开的,只是/web/var/static/内的所有内容。

所需的库,如引导程序、jquery 和 popper.js 应该是可公开访问的,因为它们部分直接包含在项目视图中,如/var/static/lib/jquery/dist/jquery.min.js。否则,我会将它们与自定义的咕噜声任务粘在一起。

目前 grunt 将依赖项放入项目根目录内的 node_modules 文件夹中。我怎么能说咕噜声将这些特定的依赖项放入公共/var/static/lib/文件夹中?

同时,我通过使用: https://www.npmjs.com/package/grunt-contrib-copy

使用此模块,您可以将所需的文件复制到项目目录:

copy: {
jquery: {
files: [{src: ['**'], dest: 'web/var/static/lib/jquery',expand: true, cwd: 'node_modules/jquery/dist'}],
},
popper: {
files: [{src: ['**'], dest: 'web/var/static/lib/popper.js',expand: true, cwd: 'node_modules/popper.js/dist'}],
},
}

有一些替代方案,如 https://www.npmjs.com/package/grunt-copy-deps,它只复制具体的库文件。这更舒适,但我喜欢复制我需要的东西的灵活性。

最新更新