Javascript 网页包别名不起作用
我在Javascript 网页包别名不起作用,javascript,webpack,Javascript,Webpack,我在webpack.config.js 别名:{ “$”:“jquery”, “\”:“下划线” } 我的javascript文件中需要这样的模块。 var$=require(“$”); var=需要(“uz”); 然后出现了一个错误 找不到模块:错误:无法解析模块“$” 我试图显示错误详细信息,但我发现它仍然试图查找名为$或的模块,而不是jquery或下划线 那么为什么别名配置不起作用呢?我是否设置了错误的配置 webpack.config.js var path = requir
webpack.config.js
别名:{
“$”:“jquery”,
“\”:“下划线”
}
我的javascript文件中需要这样的模块。
var$=require(“$”);
var=需要(“uz”);
然后出现了一个错误
找不到模块:错误:无法解析模块“$”
我试图显示错误详细信息,但我发现它仍然试图查找名为$
或
的模块,而不是jquery
或下划线
那么为什么别名配置不起作用呢?我是否设置了错误的配置
webpack.config.js
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var config = require('../config');
var projectRoot = path.resolve(__dirname, '../');
var buildPath = path.resolve(__dirname, 'demo');
module.exports = {
// eval-source-map is faster for development
devtool: '#eval-source-map',
entry: {
miceui: ['webpack-dev-server/client?http://localhost:3000',
'webpack/hot/dev-server',
path.resolve(projectRoot, 'index')]
},
output: {
path: buildPath,
filename: '[name].js'
},
plugins: [
new webpack.DefinePlugin({
'process.env': config.dev.env
}),
new ExtractTextPlugin('[name].css'),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(),
new HtmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: true
})
],
module: {
loaders: [
{ test: /\.htm(l?)$/, loader: 'html-loader' },
{ test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') },
{ test: /\.css$/, loader: 'style-loader!css-loader' },
{ test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192' }
]
},
resolve: {
extensions: ['', '.js', '.jsx', '.coffee', '.html', '.css', '.scss'],
alias: {
'$': 'jquery',
'_': 'underscore'
}
}
}) 将var$=require('jquery')代码>为您工作?我使用webpack打包了一个小型库,它取决于jquery
或zepto
。我想让它更灵活好的。你有机会回答我的问题吗?并不是说对某些东西使用别名如何使其“灵活”并不明显。是的,iit可以使用var$=require('jquery')
。但这不是我想要的,如果需要('jquery')
,那么alias肯定也能工作。显示完整的配置。将var$=require('jquery')代码>为您工作?我使用webpack打包了一个小型库,它取决于jquery
或zepto
。我想让它更灵活好的。你有机会回答我的问题吗?并不是说对某些东西使用别名如何使其“灵活”并不明显。是的,iit可以使用var$=require('jquery')
。但这不是我想要的,如果需要('jquery')
,那么alias肯定也能工作。显示完整的配置。