Sto lavorando a un progetto che attualmente utilizza il bootstrap. Tuttavia questo è stato fatto caricando i file di bootstrap in una sottodirectory. Mi piacerebbe passare a utilizzare npm in quanto ciò renderà molto più facile tenersi aggiornati.Modifica all'uso del bootstrap via npm
nostra cartella esistente style
include bootstrap
e source
come sottocartelle + un index.js
di file:
var ms = require('ms');
var join = require('path').join;
var less = require('transform')('less');
var express = require('express');
var app = express();
.............*other code*
app.get('/bootstrap.css', less(join(__dirname, 'source',
process.env.COMPANY_ID + '-root.less')));
app.get('/print.css', less(join(__dirname, 'source',
process.env.COMPANY_ID + '-print.less')));
module.exports = app;
nella cartella di origine abbiamo poi un certo numero di .less
file tra cui un company-root.less
che importa vari file meno:
@import "./bootstrap/bootstrap.less";
@import "./variables/all.less";
@import "./variables/company.less";
@import "./customcss.less";
@import "./subnav.less";
@import "./nav-list.less";
Ho aggiunto bootstrap a package.json
ed eseguito npm install
, quindi avere bootstra p nella cartella node_modules
, ma non è possibile far funzionare il progetto con i nuovi file. Ho provato a mettere
var $ = require('jQuery');
global.jQuery = $;
require('bootstrap');
in index.js
Questo mi dà un errore:
TypeError: Cannot set property 'emulateTransitionEnd' of undefined
at C:\Users\Dee\Documents\GitHub\MAPS\node_modules\bootstrap\js\transition.js:36:29
Ho provato a cambiare la prima linea di company-root.js
a:
@import (npm) "bootstrap";
O
@import "../../node_modules/bootstrap/less/bootstrap.less";
ma questo non ha alcuna formattazione.
Ho passato tre ore a pescare in rete ma non sto facendo progressi. Qualcuno mi può aiutare per favore?