Сделал верстку лендинга на pug&scss, сборщик Gulp 4. Теперь надо подключить к верстке Vue.js для разных действий... И что-то не понимаю, как это сделать.
Или лучше создать новый проект на Webpack и Vue.js и уже туда готовые куски верстки вставлять в блок "template" и т.д.?
Привожу кусок файла package.json если кому интересно, vue там оказался после установки через npm, а вот что дальше делать - не понимаю:
"devDependencies": {
"@babel/core": "7.1.2",
"@babel/plugin-syntax-dynamic-import": "7.0.0",
"@babel/plugin-transform-runtime": "7.1.0",
"@babel/preset-env": "7.1.0",
"@babel/runtime": "7.1.2",
"autoprefixer": "9.3.1",
"babel-eslint": "10.0.1",
"babel-loader": "8.0.4",
"browser-sync": "2.26.3",
"connect-history-api-fallback": "1.5.0",
"cssnano": "4.1.7",
"emitty": "1.4.0",
"gulp": "4.0.0",
"gulp-debug": "4.0.0",
"gulp-eslint": "5.0.0",
"gulp-if": "2.0.2",
"gulp-imagemin": "4.1.0",
"gulp-load-plugins": "1.5.0",
"gulp-newer": "1.4.0",
"gulp-notify": "3.2.0",
"gulp-plumber": "1.2.0",
"gulp-postcss": "8.0.0",
"gulp-pug": "4.0.1",
"gulp-pug-linter": "0.6.0",
"gulp-rename": "1.4.0",
"gulp-replace": "1.0.0",
"gulp-sass": "4.0.2",
"gulp-sourcemaps": "2.6.4",
"gulp-svgmin": "2.1.0",
"gulp-svgstore": "7.0.0",
"gulp-zip": "4.2.0",
"gulp.spritesmith": "6.9.0",
"imagemin-mozjpeg": "8.0.0",
"merge-stream": "1.0.1",
"postcss-reporter": "6.0.0",
"postcss-scss": "2.0.0",
"stylelint": "9.7.1",
"stylelint-declaration-block-no-ignored-properties": "1.1.0",
"stylelint-order": "1.0.0",
"stylelint-scss": "3.3.2",
"vinyl-buffer": "1.0.1",
"webpack": "4.24.0",
"webpack-stream": "5.1.1",
"yargs": "12.0.2"
},
"dependencies": {
"@babel/polyfill": "7.0.0",
"jquery": "3.3.1",
"ninelines-ua-parser": "1.1.6",
"normalize-css": "2.3.1",
"svg4everybody": "2.1.9",
"vue": "2.6.3"
}
Средний
