webpack 引入css-loader 应对多入口的问题
2016-12-18 00:00
232 查看
var path = require('path'); var webpack = require('webpack'); module.exports = { entry :{ "index": "./src/index/main.js", //前台JS "admin": "./src/admin/main.js" //后台JS }, output: { path: path.resolve(__dirname, './dist'), publicPath: '/dist/', filename: '[name].js' }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { // vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.css$/, loader: 'style-loader!css-loader?root=../' }, { test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue', } }, devServer: { historyApiFallback: true, noInfo: true }, plugins: [ new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ] }; if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map'; // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) }
当webpack设置多入口且入口不在二级目录的时候(例如"./src/index/main.js"),css-loader则必须设置root 指向上一级目录即为../
暂时只能统一设置,当多入口不在同级目录有什么解决方式还未找到
相关文章推荐
- CI框架css引入出现问题
- jsp无法引入外部.JS或者.CSS文件的有关问题 (转)
- 关于iOS项目中引入Html5文件(html/js/css)的路径问题
- [Flex]解决引入OSX.css后控件字体显示不出来的问题!
- ASP.NET中利用利用Skin引入CSS的问题
- tp中引入js、css、img的问题
- 使用springmvc做项目时资源的的引入问题 (CSS/JS/IMAGES)
- 外部css文件背景图片引入路径问题
- SpringMVC WEB项目 jsp引入的js,css文件找不到路径问题()
- 网页中引入外部js,css文件出现的问题
- html引入js和css问题
- jsp、css中引入外部资源相对路径的问题
- SpringMVC WEB项目 jsp引入的js,css文件找不到路径问题
- css预处理的引入与问题
- extjs环境搭建需要引入2个问题一个css一个js
- 引用jsLoader.js来管理页面所需引入的js、css
- SpringMVC WEB项目 jsp引入的js,css,gif等类型文件找不到路径问题
- jsp引入css,js等文件浏览器解析空白的问题