我使用public class JobManager {
private Context context;
@Inject
public JobManager(Context context, MembersInjector<MyJob> jobInjector) {
this.context = context;
}
public void postJob(String jobId) {
MyJob myJob = deserializePersistedJobFromFile(jobId);
jobInjector.inject(myJob);
}
.
.
.
}
模板，我想导入vue-webpack个样式和Bootstrap个组件。
我已安装element-ui，node-sass，sass-loader，style-loader，css-loader和配置 css 和 webpack.base.conf.js 文件中的sass 规则：
bootstrap 4
然后，我想在 src / styles / main.scss 文件中导入module.exports = {
...
module: {
rules: [
{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve('src'), resolve('test')],
options: {
formatter: require('eslint-friendly-formatter')
}
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test')]
},
{
test: /\.css$/,
loader: 'style-loader!css-loader'
},
{
test: /\.scss$/,
loader: 'style-loader!css-loader!sass-loader'
},
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
]
}
}：
bootstrap最后，我想在 .vue 文件中的任何@import '~bootstrap/scss/bootstrap';
@import 'styles/variables';
元素中应用引导样式，如：
<template></template>
Sadlly，它不起作用。似乎vue不知道bootstrap的存在！
我该怎么办？我怎样才能及时覆盖基本的引导风格？
答案 0 :(得分：1)
您需要bootstrap文件中的main.js
require('bootstrap/dist/css/bootstrap.min.css');
在上面的代码段中，它包含在node_modules。
答案 1 :(得分：1)
如果你有一个主App.vue，你可以像这样使用Style标签
<style lang="scss">
@import '../node_modules/bulma/bulma.sass';
</style>
<style>
@import '../node_modules/font-awesome/css/font-awesome.min.css';
</style>