webpack配置vue项目

webpack有四个模块，入口，出口，loader与plugin。
loader用于将js无法处理的文件转为js可以处理的文件
plugin用于处理js无法处理的操作，它触及编译过程

1.npm init -y
2.cnpm install --save-dev webpack-cli
3.cnpm install --save-dev webpack

1.配置自动打包 自动刷新页面
cnpm install --save-dev webpack-dev-server
2.安装第三方模块 cnpm install jquery --save
3.解析不同文件 安装对应loader即可
cnpm i css-loader style-loader -D
cnpm install --save-dev less-loader less
cnpm install sass-loader node-sass --save-dev

1.npm init -y
2.创建目录
3.安装包
cnpm i vue-loader --save
cnpm i vue --save
cnpm install vue-template-compiler --save

module: {
rules: [
{
test: /.cssKaTeX parse error: Expected 'EOF', got '}' at position 52: …loader'], }̲, { test: /…/, use: [‘style-loader’, ‘css-loader’, ‘less-loader’] },
{ test: /.scssKaTeX pa