今天在跑前端的时候遇到以下问题,
可以远程
接下来我们要配置一下项目的配置文件,代码如下:
module.exports = {
pages: {
index: {
entry: 'src/main.js,
template: 'public/index.html,
filename: 'index.html
}
},
css: {
extract: false //强制使用内联样式,这样打包出的插件样式会内置在js中,不需要单独引入
}
}
这里是标准的vue.config.js配置。
pages参数指定了项目的入口js文件和要使用的HTML模板。
css参数的extract属性指定在打包时是否要生成单独的样式文件。如果将extract置为true,则项目打包后会生成单独的css文件,在引入的时候就必须同时引入这个css文件才可以,如:
当你的组件有多个主题时,这样做会比较灵活。但如果你的组件只有一套样式,就可以将该参数置为false,此时所有的样式都会被打包成内联样式,开发者在使用的时候就不需要单独引入样式文件了。这里我们暂且只提供一个主题,因此将extract置为false。