BootStrap을 적용하고 싶습니다.
214
작성한 질문수 3
css파일 js로 import하는 영상보고 작성해봤는데 적용이 안되서 질문드립니다. 혹시 외부라이브러리는 다른 설정방법이 있나요?
[HTML]
<!DOCTYPE html>
<html lang="ko">
helloworld
ID
PW
Cancle
[bootstrap.js]
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap';
import 'bootstrap/js/dist/util';
import 'bootstrap/js/dist/dropdown';
[config]
const webpack = require('webpack');
const path = require('path');
const webpackMerge = require('webpack-merge');
const CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin");
const config = {
entry: {
helloworld: path.resolve(dirname, 'src/main/resources/static/js/helloworld.js'),
vendor: ['jquery'],
background: path.resolve(dirname, 'src/main/resources/templates/myStyle.css'),
bootstrap: path.resolve(dirname, 'src/main/resources/static/js/bootstrap.js')
},
output: {
path: path.resolve(dirname, 'src/main/resources/static/dist/js'),
filename: '[name].js'
},
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: [{
loader: 'babel-loader',
options: {
presets: [
['es2015', {modules: false}]
]
}
}]
},
{
test: /.css$/,
use: ['style-loader', 'css-loader']
}
]
},
plugins : [
new webpack.ProvidePlugin({
$ : "jquery",
jQuery : "jquery"
}),
new CommonsChunkPlugin({ name: "vendor"
})
]
};
module.exports = function(env) {
return webpackMerge(config, require(./webpack.${env}.js))
};
답변 0
강사님 리뉴얼 강좌 쿠폰 부탁드립니다.
2
368
4
안녕하세요. 리뉴얼 쿠폰 요청 드립니다.
1
230
1
안녕하세요!! 저도 부탁드립니다 ㅠㅠㅠ
1
279
1
안녕하세요. 리뉴얼 쿠폰 요청 드립니다.
1
300
2
리뉴얼 쿠폰 부탁드립니다 :)
1
257
2
리뉴얼 쿠폰 부탁드립니다!
1
213
1
리뉴얼 쿠폰 요청드립니다!
1
185
1
엇.. 저도 쿠폰 부탁드립니당
1
268
2
리뉴얼 쿠폰 요청드려도 될까요?
1
209
1
안녕하세요 저도 쿠폰 요청 드립니다 ㅠ__ㅠ
1
306
1
리뉴얼 쿠폰 발급 가능하신지요
1
259
1
리뉴얼 쿠폰 요청 드려도 될까요?
1
282
2
리뉴얼 쿠폰 받을 수 있을까요?
1
255
3
리뉴얼 쿠폰 요청 드려요! ㅠ.ㅠ
1
177
1
리뉴얼 쿠폰 요청드려도 될까요?
1
252
2
신규강좌 쿠폰 발급 가능할까요?ㅠㅠ
1
726
1
신규강좌 쿠폰 발급 가능해 주실 수 있을까요?
1
280
1
리뉴얼 강의 쿠폰 문의드려요.
1
262
2
쿠폰을 이제 봤는데 발급 가능할까요..?
1
351
3
리뉴얼 강의 쿠폰 발급 부탁드립니다.
1
245
1
리뉴얼 강의 쿠폰 문의
1
269
1
추가 강좌 개설해 주시면 어떨런지요? 시간이 되신다면요^^
1
156
1
쿠폰 주세요 ㅜㅜ
1
215
1
늦게 확인 했어요.. 쿠폰 가능할까요???? 감사합니다.
1
146
1