webpack-module-rules，webpack-resolve-extensions&alias

webpack-module-rules有什么用
例如：
1、对.ts文件做.js文件转换
2、对.scss文件做.css文件转换
首选，要安装对应的loader
npm install ts-loader --save-dev
npm install sass-loader --save-dev
然后
module: {
    rules: [
        {
            test: /\.ts$/,
            use: 'ts-loader'
        },
        {
            test: /\.sass$/,
            use: 'sass-loader'
        }
    ]
}

webpack-resolve-extensions&alias
webpack-resolve-extensions
自动解析的扩展
比如：
resolve: {
    extensions: ['.js','.json']
}
import a from './a' // a.js 不用写 './a.js'
// 用户引入时可以不带扩展

webpack-resolve-alias 
创建import和from的别名，让引用变得简单复制代码

转载于:https://juejin.im/post/5b6037825188251aa30c7c57