npm으로 여러 JS 라이브러리를 설치했으며 Symfony보기에서 사용하려고합니다.
<script src="{{ asset('path/to/js.js') }}"></script>
웹 디렉토리에 노드 모듈을 설치해야합니까? 좋은 습관입니까?
그것을 달성하는 가장 좋은 방법은 무엇입니까?
Gulp 를 사용하여 자산을 축소 된 JS / CSS 파일로 컴파일 하는 것이 좋습니다 . npm을 통해 설치할 수 있고, 명령 줄에서 실행할 수 있으며, 특히 npm 설치된 파일을 꿀꺽 꿀꺽하는 방법을 포함하여 좋은 문서가 존재합니다.
다음은 내 Gulpfile의 샘플이므로 npm 파일을 꿀꺽 꿀꺽 꿀꺽 꿀꺽 꿀꺽 꿀꺽 꿀꺽 꿀꺽 거리는 방법을 볼 수 있습니다.
var paths = {
admin: {
js: [
'node_modules/jquery/dist/jquery.min.js',
'node_modules/semantic-ui-css/semantic.min.js',
'vendor/sylius/sylius/src/Sylius/Bundle/AdminBundle/Resources/private/js/**',
'vendor/sylius/sylius/src/Sylius/Bundle/UiBundle/Resources/private/js/**',
'vendor/sylius/sylius/src/Sylius/Bundle/ShippingBundle/Resources/public/js/**',
'vendor/sylius/sylius/src/Sylius/Bundle/PromotionBundle/Resources/public/js/sylius-promotion.js',
'vendor/sylius/sylius/src/Sylius/Bundle/UserBundle/Resources/public/js/sylius-user.js'
],
sass: [
'vendor/sylius/sylius/src/Sylius/Bundle/UiBundle/Resources/private/sass/**',
],
css: [
'node_modules/semantic-ui-css/semantic.min.css'
],
img: [
'vendor/sylius/sylius/src/Sylius/Bundle/UiBundle/Resources/private/img/**',
]
},
shop: {
js: [
'node_modules/jquery/dist/jquery.min.js',
'node_modules/semantic-ui-css/semantic.min.js',
'vendor/sylius/sylius/src/Sylius/Bundle/UiBundle/Resources/private/js/**',
'vendor/sylius/sylius/src/Sylius/Bundle/ShopBundle/Resources/private/js/**'
],
sass: [
'vendor/sylius/sylius/src/Sylius/Bundle/UiBundle/Resources/private/sass/**',
'vendor/sylius/sylius/src/Sylius/Bundle/ShopBundle/Resources/private/scss/**',
],
css: [
'node_modules/semantic-ui-css/semantic.min.css',
'vendor/fortawesome/font-awesome/css/font-awesome.css'
],
fonts: [
'vendor/fortawesome/font-awesome/fonts/**.*'
],
img: [
'vendor/sylius/sylius/src/Sylius/Bundle/UiBundle/Resources/private/img/**',
],
app: [
'src/AppBundle/Resources/private/scss/**',
],
appJs: [
'src/AppBundle/Resources/private/js/**',
],
}
};
gulp.task('admin-js', function () {
return gulp.src(paths.admin.js)
.pipe(concat('app.js'))
.pipe(gulpif(env === 'prod', uglify))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(adminRootPath + 'js/'))
;
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다