मैं बूटस्ट्रैप की alert.js प्लगइन का उपयोग फ्रंट-एंड एसेट के रूप में करना चाहता हूं, लेकिन यह पता नहीं लगा सकता कि इसे brunch-config.js और npm का उपयोग करके कैसे काम करना है।फ्रंट-एंड संपत्ति के रूप में उपयोग करने के लिए ब्रंच-config.js में बूटस्ट्रैप जेएस प्लगइन्स जोड़ें?
फिलहाल मैं इस तरह के ब्रंच config है (यह संपत्ति के लिए jQuery और बूटस्ट्रैप सीएसएस कहते हैं):
exports.config = {
files: {
javascripts: {
joinTo: "js/app.js"
},
stylesheets: {
joinTo: "css/app.css"
},
templates: {
joinTo: "js/app.js"
}
},
conventions: {
assets: /^(web\/static\/assets)/
},
paths: {
watched: [
"web/static",
"test/static"
],
public: "priv/static"
},
plugins: {
babel: {
ignore: [/web\/static\/vendor/]
}
},
modules: {
autoRequire: {
"js/app.js": ["web/static/js/app"]
}
},
npm: {
enabled: true,
whitelist: ["phoenix", "phoenix_html", "jquery", "bootstrap"],
globals: {
$: 'jquery',
jQuery: 'jquery'
},
styles: {
bootstrap: ['dist/css/bootstrap.css']
}
}
};
प्लगइन फ़ाइल यहाँ है - ./node_modules/bootstrap/dist/js/umd/alert.js।
एक और बात: इस config Brunch साथ वास्तव में कुछ करता है और जरूरत ./node_modules/bootstrap/dist/js/boostrap.js फ़ाइल जो पहले से ही Alert प्लगइन शामिल /js/app.js में जोड़ता है।
jQuery ठीक से काम करता है, बूटस्ट्रैप सीएसएस भी काम करता है। एकमात्र समस्या - बूटस्ट्रैप जेएस प्लगइन्स (कंसोल में कोई चेतावनी नहीं है)।
मेरे package.json मैं बूटस्ट्रैप के इस संस्करण है:
{
"repository": {},
"dependencies": {
"babel-brunch": "~6.0.0",
"bootstrap": "^4.0.0-alpha.2",
"brunch": "~2.1.3",
"clean-css-brunch": "~1.8.0",
"css-brunch": "~1.7.0",
"javascript-brunch": "~1.8.0",
"jquery": "^2.2.3",
"phoenix": "file:deps/phoenix",
"phoenix_html": "file:deps/phoenix_html",
"uglify-js-brunch": "~1.7.0"
}
}