bower_components
안에있는 구성 요소를 찾기 위해 webpack을 얻을 수있었습니다. bower 구성 요소가 만 포함하고 bower.json
파일은 포함하지 않을 때 문제가 발생합니다 (첫 번째 파일 이름 앞에는 .
이 표시됨). 나는 정자 구성 요소로 jquery.selectBoxIt를 사용하기 위해 노력하고있어WebPack : bower.json 및 .bower.json을 모두 찾는 방법
var ResolverPlugin = require('webpack/lib/ResolverPlugin');
// webpack configuration
module.exports = {
entry: {
app: 'app.js'
},
output: {
filename: '[name].js'
},
resolve: {
modulesDirectories: ['node_modules', 'web_modules', 'bower_components', 'static']
},
plugins: [
new ResolverPlugin(
new ResolverPlugin.DirectoryDescriptionFilePlugin('bower.json', ['main'])
)
]
};
다음과 같이
내 webpack.config.js
파일의 단순화 된 버전 보인다. 또 다른 문제는 .bower.json
파일에 main
필드가 없다는 것입니다.
// .bower.json
{
"name": "jquery.selectBoxIt",
"homepage": "https://github.com/gfranko/jquery.selectBoxIt.js",
"version": "3.8.1",
"_release": "3.8.1",
"_resolution": {
"type": "version",
"tag": "v3.8.1",
"commit": "ffa615b25ebf4fac392726b17c857d429acf244c"
},
"_source": "git://github.com/gfranko/jquery.selectBoxIt.js.git",
"_target": "~3.8.1",
"_originalSource": "jquery.selectBoxIt",
"_direct": true
}
지금까지 웹팩 구성에 추가 플러그인을 추가했습니다. 이것은'.bower.json'의'_originalSource' 필드를 봅니다. 작동하지만 위험한 해결책이라고 생각하십니까? 그렇게 생각한다면 CommonJS를 사용하는 것에 의지 할 것입니다. –
'_originalSource'는 main 속성과 같지 않으므로 사용하는 것이 좋은지 잘 모르겠습니다. bower.json이없는 경우에는 주 파일이 무엇인지 알 수 없습니다. 그런 경우에는이 정보가 들어있는 다른 설명자를 사용해야한다고 생각합니다. 또한 .bower.json 파일의 구조는 공개되지 않으며 향후 변경 될 수도 있고 그렇지 않을 수도 있습니다. –