1.组件中引入组件
<script>
import Header from './header/Header';
export default{
......
}
<script>
2.组件使用外联样式,css,less等
module: {
rules: [
{
test: /.css$/,
use: ['style-loader', 'css-loader']
},
{
test: /.less$/,
use: [{
loader: "style-loader" // creates style nodes from JS strings
}, {
loader: "css-loader" // translates CSS into CommonJS
}, {
loader: "less-loader" // compiles Less to CSS
}]
}
]
}
注意没个loader都是要安装的,并没有库依赖关系,不然使用webpack的时候会报错
Module not found: Error: Can't resolve 'css-loader' in 'H:\demo\webpack-vue'
3.模版只能有单根节点,这点表示不习惯,react里是可以使用template标签进行包裹的,官方的解决方案是用另一个模版包起来