博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webpack.config.js
阅读量:7093 次
发布时间:2019-06-28

本文共 2330 字,大约阅读时间需要 7 分钟。

  hot3.png

let webpack = require('webpack'),  path = require('path'),  HtmlWebpackPlugin = require('html-webpack-plugin'),  ExtractTextPlugin = require('extract-text-webpack-plugin'),  hotMiddlewareScript = 'webpack-hot-middleware/client?reload=true',  utils = require('./utils')var env = process.env.NODE_ENV,  cssSourceMapDev = (env === 'development' && config.dev.cssSourceMap),  cssSourceMapProd = (env === 'production' && config.build.productionSourceMap),  useCssSourceMap = cssSourceMapDev || cssSourceMapProd;module.exports = {  devtool: 'eval-source-map', //配置生成Source Maps,选择合适的选项  entry: {    desktop: [path.resolve(__dirname, '../src/main.js'), hotMiddlewareScript],  },  output: {    path: path.resolve(__dirname, '../dist'), //打包后的文件存放的地方    publicPath: '/',    filename: '[name].js'  },  resolve: {    extensions: ['', '.js'],    fallback: [path.join(__dirname, '../node_modules')],    alias: {      'src': path.resolve(__dirname, '../src'),      'assets': path.resolve(__dirname, '../src/assets'),      'scss': path.resolve(__dirname, '../src/scss')    }  },  module: { //在配置文件里添加JSON loader    loaders: [{      test: /\.json$/,      loader: "json"    }, {      test: /\.js$/,      exclude: /node_modules/,      loader: 'babel'    }, {      test: /\.css$/,      loader: 'style!css!postcss' //添加对样式表的处理    }, {      test: /\.scss$/,      loader: 'style!css!sass?sourceMap'    }, {      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,      loader: 'url?limit=10000&name=images/[name].[ext]'    }, {      test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,      loader: 'url?limit=10000&name=images/[name].[ext]'    }]  },  sassLoader: {    includePaths: [path.resolve(__dirname, "./some-folder")]  },    postcss: [    require('autoprefixer') //调用autoprefixer插件  ],  plugins: [    new webpack.BannerPlugin("Copyright B1anker."), //在这个数组中new一个就可以了    new webpack.HotModuleReplacementPlugin(),    new HtmlWebpackPlugin({      //渲染输出html文件名,路径相对于 output.path 的值      filename: './index.html',      //渲染源模版文件      template: path.resolve(__dirname, '../src/views/index.html'),      //这个东西非常重要,true: 自动写入依赖文件; false: 不写入依赖,构建多页面非常有用      inject: true    })  ],  devServer: {    contentBase: "./dist", //本地服务器所加载的页面所在的目录    colors: true, //终端中输出结果为彩色    historyApiFallback: true, //不跳转    inline: true //实时刷新  }}

 

转载于:https://my.oschina.net/mdu/blog/1785025

你可能感兴趣的文章
遍历数组按学号找人,若找到则输出信息,否则输出"查无此人"
查看>>
原型讲解二:原型是干什么用的
查看>>
the server responsed width a status of 404 (Not Found)
查看>>
JF 笔试 反思
查看>>
思维模式
查看>>
Andorid自动化-Monkey命令一
查看>>
学习进度条
查看>>
CCF能力认证历届第二题
查看>>
基于shell 脚本处理文本数据流程
查看>>
第一章 构造方法
查看>>
行转列:SQL SERVER PIVOT与用法解释
查看>>
与时间相关的SQL语句/sql获取当前时间/sql时间比较/sql时间格式化
查看>>
es6-const
查看>>
ARM汇编程序结构
查看>>
机器学习-数据可视化神器matplotlib学习之路(一)
查看>>
智能公交报站系统RFID解决方案
查看>>
B - Plane of Tanks: Pro
查看>>
集合及深浅拷贝
查看>>
转:如何在PHP中处理Protocol Buffers数据
查看>>
LAMP环境的搭建(三)----PHP7的安装
查看>>