Use UIKit JS files from node_modules/

This commit is contained in:
Alex Ling 2020-07-19 13:50:46 +00:00
parent 192474c950
commit ba31eb0071
5 changed files with 17 additions and 10 deletions

1
.gitignore vendored
View File

@ -11,3 +11,4 @@ mango
*.md *.md
public/css/uikit.css public/css/uikit.css
public/img/*.svg public/img/*.svg
public/js/*.min.js

View File

@ -3,10 +3,16 @@ const minify = require("gulp-babel-minify");
const minifyCss = require('gulp-minify-css'); const minifyCss = require('gulp-minify-css');
const less = require('gulp-less'); const less = require('gulp-less');
gulp.task('copy-uikit-js', () => {
return gulp.src('node_modules/uikit/dist/js/*.min.js')
.pipe(gulp.dest('public/js'));
});
gulp.task('minify-js', () => { gulp.task('minify-js', () => {
return gulp.src('public/js/*.js') return gulp.src('public/js/*.js')
.pipe(minify({ .pipe(minify({
removeConsole: true removeConsole: true,
builtIns: false
})) }))
.pipe(gulp.dest('dist/js')); .pipe(gulp.dest('dist/js'));
}); });
@ -23,7 +29,7 @@ gulp.task('minify-css', () => {
.pipe(gulp.dest('dist/css')); .pipe(gulp.dest('dist/css'));
}); });
gulp.task('copy-icons', () => { gulp.task('copy-uikit-icons', () => {
return gulp.src('node_modules/uikit/src/images/backgrounds/*.svg') return gulp.src('node_modules/uikit/src/images/backgrounds/*.svg')
.pipe(gulp.dest('public/img')); .pipe(gulp.dest('public/img'));
}); });
@ -39,8 +45,8 @@ gulp.task('copy-files', () => {
}); });
gulp.task('default', gulp.parallel( gulp.task('default', gulp.parallel(
'minify-js', gulp.series('copy-uikit-js', 'minify-js'),
gulp.series('less', 'minify-css'), gulp.series('less', 'minify-css'),
gulp.series('copy-icons', 'img'), gulp.series('copy-uikit-icons', 'img'),
'copy-files' 'copy-files'
)); ));

View File

@ -59,8 +59,8 @@
setTheme(); setTheme();
const base_url = "<%= base_url %>"; const base_url = "<%= base_url %>";
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script> <script src="<%= base_url %>js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script> <script src="<%= base_url %>js/uikit-icons.min.js"></script>
<%= yield_content "script" %> <%= yield_content "script" %>
</body> </body>

View File

@ -29,8 +29,8 @@
<script> <script>
setTheme(); setTheme();
</script> </script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script> <script src="<%= base_url %>js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script> <script src="<%= base_url %>js/uikit-icons.min.js"></script>
</body> </body>
</html> </html>

View File

@ -53,9 +53,9 @@
const base_url = "<%= base_url %>" const base_url = "<%= base_url %>"
</script> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.3.1/dist/js/uikit-icons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="<%= base_url %>js/uikit.min.js"></script>
<script src="<%= base_url %>js/uikit-icons.min.js"></script>
<script src="<%= base_url %>js/reader.js"></script> <script src="<%= base_url %>js/reader.js"></script>
</body> </body>